如何更改输入名称背景？ [复制]

Question

当我在输入上单击鼠标时，下拉邮件列表，当我将鼠标带到 Miles 时正在更改输入背景。如图所示。 如何移除或更改本次输入背景？

我已经尝试过“专注”，但是没用。

<input type="email" name="email" placeholder="Email">

    input {
        background: none;

        &:focus {
            background: none;
        }
    }

Answer 1

对于谷歌浏览器，您可以执行以下操作：

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

<input type="text" name="name">

将white 替换为所需的颜色。我从SO answer 中获取了这个 sn-p。深入研究 SO 问题也应该是一个好主意，有一些稍微不同的解决方案可能对您更有效。

请记住，这是非标准的，应该避免使用它，但现在，这是你可以做的。 参考：MDN

Answer 2

input:hover {
   background-color: #fff;
}