element UI form表单中input 输入框光标底色更改_el-input 光标颜色

element UI form表单中input 输入框光标底色更改，Placeholder字体颜色更改。

input:-webkit-autofill {
  transition: background-color 5000s ease-in-out 0s;
}
//设置成你需要的颜色
input {
    -webkit-text-fill-color: #fff;  
}
1
2
3
4
5
6
7

input::-webkit-input-placeholder{
    -webkit-text-fill-color: rgba($color: #aaaaaa, $alpha: 0.6);
}
//这样也是生效的。
input::-webkit-input-placeholder{
    -webkit-text-fill-color: rgba(#aaaaaa,  0.6);
}
1
2
3
4
5
6
7

RGBA 值
RGBA 颜色值是具有 alpha 通道的 RGB 颜色值的扩展 - 它指定了颜色的不透明度。

RGBA 颜色值指定为：

rgba(red, green, blue, alpha)
alpha 参数是介于 0.0（完全透明）和 1.0（完全不透明）之间的数字：