在 Chrome 中，<select> 元素在禁用时没有背景颜色

Question

Chrome 为禁用的输入设置了默认背景颜色，但<select>在禁用时不会为元素设置。这是什么原因？这对我来说似乎是一个错误。

在 IE、Firefox 和 Chrome 中打开 jsFiddle 链接并注意区别。在 IE 和 Firefox 中，<input>和<select>两者具有相同的样式。但是在 Chrome 中，元素具有不同的样式。我希望<select>元素具有与<input>.

见jsFiddle

<input disabled value="text" />
<select disabled>
    <option>option</option>
</select>

铬合金

火狐

Answer 1

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

它按照那些正确地做。

如果您想修复它以匹配，您可以使用 CSS：

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