2009-07-14 83 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在桌子周圍繪製所需的邊框。