css少见的标签

font-smoothing抗锯齿

-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;

-webkit-font-smoothing它有三个属性值：

• none：对低像素的文本比较好
• subpixel-antialiased：默认值
• antialiased：抗锯齿很好

 

解决光标颜色和文字颜色一致

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

 

 

input:-webkit-autofill

&:-webkit-autofill {
        box-shadow: 0 0 0px 1000px $bg inset !important;
        -webkit-text-fill-color: $cursor !important;
}

chrome表单input获取焦点时，input会有一个记录之前填写过的文本的下拉列表式的东东，当你选择其中一个时，input文本框的背景会变成黄色的（如下图），这是由于chrome会默认给input加上input:-webkit-autofill私有属性，然后对其赋予以下样式：