如何申請ASP.net下拉列表中禁用風格

Question

假設我有一個像在ASP.net一個下拉列表：

<asp:DropDownList ID="ddOwnershipDocumentType" class="msbdd" runat="server"> 
</asp:DropDownList> 

這裏是msdbdd的定義：

.msbdd { 
    font-family: WMitraBold; 
    font-weight: normal; 
    color: #000; 
    font-size: 12px; 
    text-align: right !important; 
    direction: rtl; 
    width: 100%; 
    border: 1px solid #aaa; 
    outline: none; 
    box-sizing: border-box; 
    background-color: rgba(255,255,255,0.7); 
} 

我試圖在其禁用時將樣式應用於此下拉列表。我試過.msbdd select[disabled],.msbdd select:disabled,.msbdd select[readonly],.msbdd select:read-only但他們都沒有工作（在Chrome中）。

如何在CSS中選擇禁用的下拉列表？

Answer 1

如果更改

<asp:DropDownList ID="ddOwnershipDocumentType" class="msbdd" runat="server"> 
</asp:DropDownList> 

到

<asp:DropDownList ID="ddOwnershipDocumentType" CssClass="msbdd" runat="server"> 
</asp:DropDownList> 

類的CSS類，你的代碼看起來應該像this。

然後你可以用select.msbdd:disabled來選擇/設計它們。

請參閱Demo小提琴。

Answer 2

試試這個：

<asp:DropDownList ID="ddOwnershipDocumentType" CssClass="msbdd" runat="server"> 
</asp:DropDownList> 

注意CssClass屬性，而不是class屬性。

CSS：

select[disabled].msbdd { 
    font-family: WMitraBold; 
    font-weight: normal; 
    color: #000; 
    font-size: 12px; 
    text-align: right !important; 
    direction: rtl; 
    width: 100%; 
    border: 1px solid #aaa; 
    outline: none; 
    box-sizing: border-box; 
    background-color: rgba(255,255,255,0.7); 
}