Question

我想设置asp：DropDownList 的所选项目的样式，项目的其余部分可能有默认或其他一些样式。请注意，此处所选项目表示在选择后最终可见的项目。

我用过：

ddlID.Items[0].Attributes.CssStyle.Add("background-color", "yellow");

$("#ddlID option:first").css("background-color", "yellow");

ddlID.SelectedItem.Attributes.CssStyle.Add("background-color", "yellow");

$("#ddlID option:selected").css("background-color", "yellow");

上述所有内容都不适用于前两个样式列表中的第一个项目，后两个样式仅对列表中选定的项目进行样式设计。

如果可能，我会更喜欢CSS 来完成任务。

Answer 1

尝试以下代码段：

在CSS中

 <style>
        option:checked {
            background-color: yellow;
            color: red;
        }
    </style>

在Aspx页面

<asp:DropDownList runat="server">
    <asp:ListItem Text="-- Select --" Value="0"></asp:ListItem>
    <asp:ListItem Text="ListItem1" Value="1"></asp:ListItem>
    <asp:ListItem Text="ListItem2" Value="2"></asp:ListItem>
    <asp:ListItem Text="ListItem3" Value="3"></asp:ListItem>
    <asp:ListItem Text="ListItem4" Value="4"></asp:ListItem>
</asp:DropDownList>

Answer 2

感谢所有人提供的所有重要链接和提示。最后，我得到了解决方案，所以我想在这里分享一下。我刚刚在 asp：DropDownList ＆＃39; ddlStyle ＆＃39;中添加了一个类。将所有样式添加到此类，我希望在所选项（在选择后在顶部显示）。

.ddlStyle{
   background-color:yellow;
}

并添加了选项来定义asp：DropDownList

项目列表的其他css属性

.ddlStyle option{
   background-color:whitesmoke;
}

将不同的样式应用于asp的选定项：DropDownList

2 个答案: