背景
input的输入框在鼠标选中,hover 等有默认的颜色,一般项目使用需要diy一下。
改造点
- 设置 input 元素中光标的颜色
input {
caret-color: red;
}
- 边框
border: 0px solid transparent;
3.伪类
&:-webkit-autofill { box-shadow: 0 0 0px 1000px #2372AA inset !important; }
-webkit-text-fill-color: #fff;
}
- placeholer 字体样式
.el-input__inner::placeholder {
color: #fff;
}
版权声明:本文为lyxkgc原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。