Question

说我有以下内容：

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

Firefox使用红色边框和黑色文本呈现上面的内容，如我所料;但是IE没有，它似乎使用原生颜色作为边框和禁用文本。我有什么方法可以设计风格吗？

对于编辑框，我的解决方法是使用readOnly而不是disabled，以便我可以设置样式，但似乎对于组合框，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;
}

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

Answer 2

一种可能性是......在1 X 1表中绘制组合框，宽度等于组合框和组合框宽度= 100％.. cellpadding = 0，cellspacing = 0 ...然后绘制你在桌子周围的理想边界。

Answer 3

您最好的选择是使用javascript来控制项目，我在下面添加了几个脚本：

我只使用过第一个，但我希望它们满足你的需求。