Html 在铬中，<；选择>；元素不'；禁用时没有背景色

Chrome为禁用的输入设置了默认背景色，但在禁用时，不为

元素设置背景色。原因是什么？对我来说，这好像是一只虫子

在IE、Firefox和Chrome中打开JSFIDLE链接，注意区别。在IE和Firefox中，

和

都有相同的样式。但在铬合金中，元素具有不同的样式。我希望

元素具有与

相同的背景色

见

选项

Chrome

Firefox

---

因为浏览器的默认样式就是这样的

它正在按照这些标准正确地进行操作

如果要将其修复为匹配，可以使用CSS：

select:disabled {
    background-color: rgb(235, 235, 228);
    color: rgb(84,84,84);
}

---

如果您不是浏览器开发人员，您不应该太在意浏览器默认样式。 如果要使其颜色相同，请为Chrome添加样式：

select:disabled {
    background-color: #ebebe4;
}

---

浏览器之所以这样做有很多原因，可能是因为浏览器作者用户体验研究后的结果，甚至可能是因为可访问性原因或一些视觉提示，以便您可以立即看到哪些被禁用

但是如果你仍然想应用你自己的风格。你可以这样做：

---

请注意，有时，您还需要将“鼠标指针”更改为适当的光标或工字梁。

您可以在此处询问：+1，但我认为您还应该为示例代码向他添加输入：disabled

select:disabled {
    background-color: #ebebe4;
}

select:disabled {
    background-color: rgb(235, 235, 228) !important;
    color: rgb(84,84,84);
}
input:disabled {
    background-color: rgb(235, 235, 228) !important;
    color: rgb(84,84,84);
}