本文共 1369 字，大约阅读时间需要 4 分钟。

���������Element UI������������������������������������������������������������������������el-input���������������������������������������������������������������������������������������������������������������������������������������������������������CSS���������

$bg: rgb(216, 217, 220);
$light_gray: #606266;
$cursor: #606266;
@supports (-webkit-mask: none) and (not (caret-color: $cursor)) {
    .login-container .el-input input {
        color: $cursor;
    }
}
.login-container {
    .el-input {
        display: inline-block;
        height: 47px;
        width: 85%;
        input {
            background: transparent;
            border: 0px;
            -webkit-appearance: none;
            border-radius: 0px;
            padding: 12px 5px 12px 15px;
            color: $light_gray;
            height: 47px;
            caret-color: $cursor;
            -webkit-autofill {
                box-shadow: 0 0 0px 1000px $bg inset !important;
                -webkit-text-fill-color: $cursor !important;
            }
        }
    }
}
.el-form-item {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    color: #454545;
}

������CSS������������������������������������������������������������������Element UI���������������������������������������������������������������������������������������������