CSS更改输入字段背景颜色？

Question

我写了一个用户登录页面，但我无法更改输入的字段背景颜色。

.form-signin-row {
    display: block;
    width: 100%;
    height: 51px;
    padding: 6px 12px;
    font-size: 14px;
    margin-bottom: 19px;
    line-height: 1.42857143;
    background-color: #F0EEF0;
    border: 1px solid #DCDCDC;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

像这样：

我找到了“用户代理样式表”：

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: rgb(250, 255, 189);
    background-image: none;
    color: rgb(0, 0, 0);
}

只是chrome缓存了我的用户名和密码，无法正常工作。如果我清除缓存，请运行良好。

我试图覆盖：

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { 
     background-color: #fff;
}

仍然不起作用：

Answer 1

使用相同的类来覆盖chrome浏览器的默认样式（这种行为对设计师来说是一个很大的麻烦）

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { 
     background-color: #fff !important;
     -webkit-box-shadow: 0 0 0px 1000px white inset;
}