如何在ASP.net的dropdownlist中伪造标题或OptGroup
我很抱歉,如果这已经张贴过,但如果是这样,我无法找到它后,很多搜索 我正在尝试解决如何在asp.net下拉列表中包含optgroup/headers。 大多数答案都说“不”,但我找不到一个答案不包括覆盖dropdownlist,这似乎有些过分如何在ASP.net的dropdownlist中伪造标题或OptGroup,asp.net,html-select,Asp.net,Html Select,我很抱歉,如果这已经张贴过,但如果是这样,我无法找到它后,很多搜索 我正在尝试解决如何在asp.net下拉列表中包含optgroup/headers。 大多数答案都说“不”,但我找不到一个答案不包括覆盖dropdownlist,这似乎有些过分 当我知道它有多简单时,我想我会和大家分享,以防它对其他人有帮助 我的示例解决方案。为了清晰起见,CSS是内联的 <asp:DropDownList runat="server" ID="DropDownList1" > <a
当我知道它有多简单时,我想我会和大家分享,以防它对其他人有帮助 我的示例解决方案。为了清晰起见,CSS是内联的
<asp:DropDownList runat="server" ID="DropDownList1" >
<asp:ListItem style="font-weight:bold; color:black;" disabled="true">Heading 1</asp:ListItem>
<asp:ListItem Text="Item 1" Value="11"></asp:ListItem>
<asp:ListItem Text="Item 2" Value="12"></asp:ListItem>
<asp:ListItem style="font-weight:bold; color:black;" disabled="true">Heading 2</asp:ListItem>
<asp:ListItem Text="Item 1" Value="21"></asp:ListItem>
<asp:ListItem Text="Item 2" Value="22"></asp:ListItem>
<asp:ListItem Text="Item 3" Value="23"></asp:ListItem>
</asp:DropDownList>
标题1
标题2
尽管存在一些浏览器差异,但渲染效果很好:
在Chrome&Firefox中,标题是漂亮的黑色,但也就是说,呈现为禁用的灰色
重要的是,在所有这些项目中,标题都是不可选择的,并且在视觉上与项目不同