input 输入框项目使用改造

  • Post author:
  • Post category:其他




背景

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



改造点

  1. 设置 input 元素中光标的颜色
input { 
  caret-color: red;
}
  1. 边框
  border: 0px solid transparent;

3.伪类

  &:-webkit-autofill { box-shadow: 0 0 0px 1000px #2372AA inset !important; }
         -webkit-text-fill-color: #fff;
        }
  1. placeholer 字体样式
 .el-input__inner::placeholder {
            color: #fff;
  }



版权声明:本文为lyxkgc原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。