Html 在internet explorer中设置禁用组合框的样式

Html 在internet explorer中设置禁用组合框的样式,html,css,internet-explorer,Html,Css,Internet Explorer,假设我有以下几点: <select disabled="disabled" style="border: 1px red solid; color: black;"> <option>ABC</option> </select> 基础知识 Firefox以红色边框和黑色文本呈现上述内容,如我所料;但是IE没有,它似乎在使用本地颜色作为边框和禁用的文本。有没有什么方法可以让我设计它 对于编辑框,我的解决方法是使用readOnly而不是disab

假设我有以下几点:

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

基础知识
Firefox以红色边框和黑色文本呈现上述内容,如我所料;但是IE没有,它似乎在使用本地颜色作为边框和禁用的文本。有没有什么方法可以让我设计它

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


注意:我只需要在IE中使用它(这是用于用户必须使用IE的intranet webapp),所以IE特定的解决方案是可以的。

一种可能是。。。在一张1 X 1的表格中绘制您的组合框,宽度等于组合框的宽度,组合框宽度=100%。。单元格填充=0,单元格间距=0。。。然后在该表周围绘制所需的边框。

近似地说,您根本无法设置组合框的样式;它们不是“真实的”浏览器对象。有关更多说明和可能的解决方法,请参见此处:

或者,如果您只想在其上添加边框,请将其包装成一个跨距,并在该跨距上添加边框

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

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

您最好的选择是使用javascript控制项目,我在下面提供了一些脚本:


我只使用过第一个,但我希望它们能满足您的需要。

在一个跨距中包装可能很好,但我还需要设置文本的样式=/@Roy Tang:设置select标记的样式基本上是不可能的。droplistbox控件是windows标准控件,因此不会对其应用html样式。
span.disabled-select {
    border: 1px solid red;
}