css中不常见但是还能看见的一些属性

@supports (-webkit-mask: none) and (not (cater-color: $cursor)) {
  .login-container .el-input input {
    color: $cursor;
  }
}

           

• 源于上边这段代码。上边这段代码主要是解决光标颜色和文字颜色一致

caret-color属性可以改变输入框插入光标的颜色，同时又不改变输入框里面的内容的颜色。
input {
    color: #333;
    caret-color: red;
}
结果光标颜色变成红色，文字还是深黑色
           

• -webkit-appearance 改变按钮和其他控件的外观，使其类似于原生控件

  考虑到某种兼容情况，所以

  设置

-webkit-appearance: none;
           

• input:-webkit-autofill 这个是谷歌浏览器的私有属性，

就显示那个黄框贼丑，影响我们自己弄的东西，所以

这么设置

box-shadow: 0 0 0px 1000px red inset !important;
 -webkit-text-fill-color: $cursor !important; 这个属性啊和color差不多
           

• user-select 是否允许用户选中文本

  默认是text ,可以设置成none，不允许。这两个基本属性浏览器基本支持。