css如何给element ui中的Input错误的时候修改样式

要修改 Element UI 中 Input 组件在错误状态下的样式，可以通过以下两种方式实现：

1. 使用 Element UI 提供的样式类名

当 Input 组件出现错误时，它会自动添加 `is-error` 样式类名。因此，可以通过以下方式修改错误状态下的样式：

.el-input.is-error input {
  border-color: red;
}

上述 CSS 代码可以将错误状态下的 Input 边框颜色修改为红色。你可以根据需要修改其他样式。

2. 使用 scoped slot

Input 组件还提供了一个 scoped slot，可以在 Input 内部自定义样式。可以通过以下方式使用 scoped slot：

<template>
  <el-input v-model="inputValue" :validate-event="false">
    <template #prepend>
      <span class="prepend">https://</span>
    </template>
    <template #append>
      <span class="append">.com</span>
    </template>
    <template #error>
      <i class="el-icon-warning"></i>
    </template>
  </el-input>
</template>

在上述代码中，我们使用了三个 scoped slot：`prepend`、`append` 和 `error`。在 `error` slot 中，我们可以自定义错误状态下的样式。例如，可以添加一个警告图标：

.el-input__suffix .el-icon-warning {
  color: red;
}

上述 CSS 代码可以将警告图标的颜色修改为红色。你可以根据需要修改其他样式。