el-input focus改变图标颜色
时间: 2023-10-07 08:14:27 浏览: 283
ICON图标改颜色
5星 · 资源好评率100%
可以通过以下几个步骤来改变 `el-input` 组件中的图标颜色:
1. 在 CSS 中为 `el-input__icon` 类添加样式,例如:
```
.el-input__icon {
color: red;
}
```
这将会为所有 `el-input` 组件中的图标添加红色。
2. 如果你只想为某个特定的 `el-input` 组件中的图标添加样式,可以为该组件添加一个唯一的 `class`,然后在 CSS 中使用该 `class` 来指定样式,例如:
```
<el-input class="my-input" ...></el-input>
.my-input .el-input__icon {
color: red;
}
```
这将会为 `class` 为 `my-input` 的 `el-input` 组件中的图标添加红色。
3. 当 `el-input` 组件处于聚焦状态时,可以使用 `:focus` 伪类来改变图标颜色。例如:
```
.el-input__icon:focus {
color: blue;
}
```
这将会在 `el-input` 组件聚焦时将图标颜色改为蓝色。
阅读全文