2009-07-14 43 views
1

说我有以下几点:造型在Internet Explorer中禁用的ComboBox

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

火狐呈现上面红色边框,并如我所料黑色文本;但IE浏览器没有,它似乎是使用本地颜色的边界和禁用的文字。有什么办法让我能够设计它?

对于编辑框我的解决方法是使用readOnly而不是禁用,这样我可以对其进行设计,但对于组合框来说,readOnly属性似乎没有效果。

注意:我只需要这个工作在IE(它是一个内部网络的Web应用程序,用户必须使用IE),所以IE特定的解决方案是好的。

回答

2

一个很好的近似值,你根本不能设计组合框的样式;他们不是“真正的”浏览器对象。请参阅此处以获取更多解释,以及可能的解决方法: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; 
} 

大多数其他属性,如颜色等,可能不会有效果,但。

+0

在一个范围内包装可能没有问题,但我也需要设计文本样式= // – 2009-07-14 05:14:31

0

一种可能性是......在1×1的表格中绘制组合框,宽度等于组合框和组合框的宽度= 100%.. cellpadding = 0,cellspacing = 0 ... then在桌子周围绘制所需的边框。