博客

背景

input的输入框在鼠标选中，hover 等有默认的颜色，一般项目使用需要diy一下。

改造点

1. 设置 input 元素中光标的颜色

input { 
  caret-color: red;
}

2. 边框

  border: 0px solid transparent;

3.伪类

  &:-webkit-autofill { box-shadow: 0 0 0px 1000px #2372AA inset !important; }
         -webkit-text-fill-color: #fff;
        }

4. placeholer 字体样式

 .el-input__inner::placeholder {
            color: #fff;
  }