CSS改变输入框光标颜色的原生属性caret-color

CSS改变输入框光标颜色的原生属性caret-color

例如：

input {
   color: #333;
   caret-color: red;
}

caret-color属性不仅对于原生的输入表单控件有效，设置contenteditable的普通HTML标签也适用。

例如：

[contenteditable="true"] {
    width: 120px;
    border: 1px solid #ddd;
    padding: 3px;
    line-height: 20px;
    color: #333;
    caret-color: red;
}
<div contenteditable="true">文字</div>

为了兼容各个浏览器，做法如下

@supports (-webkit-mask: none) and (not (cater-color: red)) {
    .login-container .el-input input{
      color: red;
      &::first-line {
        color: gray;
      }
    }
  }