html - 在 Internet Explorer 中设置禁用组合框的样式

Question

假设我有以下内容:

<select disabled="disabled" style="border: 1px red solid; color: black;">
<option>ABC</option>
</select>

如我所料，Firefox 使用红色边框和黑色文本呈现上述内容；但 IE 没有，它似乎正在为边框和禁用文本使用 native 颜色。我有什么方法可以设置它的样式吗？

对于编辑框，我的解决方法是使用 readOnly 而不是禁用，这样我就可以设置它的样式，但对于组合框，readOnly 属性似乎没有效果。

注意:我只需要它在 IE 中工作(它用于用户必须使用 IE 的 Intranet webapp)，因此特定于 IE 的解决方案很好。

Answer 1

大致来说，您根本无法设置组合框的样式；它们不是“真正的”浏览器对象。有关更多说明和可能的解决方法，请参见此处:Is it possible to style a select box?

或者，如果您只想在其上放置边框，请将其包裹在一个跨度中，然后为其添加边框。

<span class="disabled-select">
    <select disabled="disabled">
        <option>ABC</option>
    </select>
</span>

与

span.disabled-select {
    border: 1px solid red;
}

不过，大多数其他属性(如颜色等)可能不会产生影响。