输入文本背景颜色设置为黄色，仅在chrome中

Question

输入文本背景颜色设置为黄色，仅在chrome中。如何删除这种颜色？

我已经尝试设置背景颜色，但仍然是黄色

Answer 1

通过将autocomplete属性添加到HTML元素来关闭autocomplete="off"，或使用CSS：

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

Answer 2

它是黄色的，因为自动填充元素的chrome默认填充颜色为黄色。默认浏览器CSS：

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

因此，将黄色变为任何其他颜色，如下所示：

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 500px white inset;
}

Answer 3

设置autocomplete =“false”，否则设置输入框的背景颜色

Answer 4

由于浏览器的用户名和密码自动填充属性，因此设置了此背景颜色。

您可以使用autocomplete = 'off'属性，只需在输入标记中设置。

或者您可以使用以下css：

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

或者您可以使用jquery，如下所示：

$('#input_id').attr('autocomplete', 'off');