Question

对于我使用的样式禁用元素：

[disabled] { /* Text and background colour, medium red on light yellow */
color:#933;
background-color:#ffc;
}

除了Chrome之外，它在所有浏览器中都能完美运行。是否有一种方法可以使用没有类的css来解决这个问题，因为我在不同的页面上有大量的元素，并且不想更改它们。

提前致谢。

更新

经过一番调查后，我意识到只有客户端拥有Windows 2008等服务器操作系统并且只使用Chrome浏览器才能重现。但我希望它是现实生活中的后方条件。

Answer 1

使用Chrome 15似乎工作正常。

input[disabled] {
  color: #933;
  background-color: #ffc;
}

确保您已清除所有缓存的样式表。

创建了jsFiddle。

<强>更新

注意到您的问题标题并更新了示例。

对于Windows中的Chrome，这似乎是一个已知问题，请参阅Style disabled multiple select – google chrome

Answer 2

下面的代码对我有用（样式选项颜色不是选择框本身）：

<select multiple="multiple" disabled="disabled">
<option style="color:#CCCCCC;" value="1" selected>Monday</option>
<option style="color:#CCCCCC;" value="2" selected>Tuesday</option>
<option style="color:#CCCCCC;" value="3">Wednesday</option>
<option style="color:#CCCCCC;" value="4">Thursday</option>
<option style="color:#CCCCCC;" value="5">Friday</option>
<option style="color:#CCCCCC;" value="6">Saturday</option>
<option style="color:#CCCCCC;" value="7">Sunday</option>
</select>

样式已禁用Chrome中的<select> </select>

2 个答案: