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" 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);
}

Answer 2

如果你改变了

<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。

如何应用ASP.net下拉列表的禁用样式

2 个答案: