如何在ASP.net的dropdownlist中伪造标题或optgroups

时间:2017-05-17 10:04:38

标签: asp.net html-select

如果之前已经发布过,我很抱歉,但如果是这样的话,经过大量搜索后我就无法找到它。

我试图找出如何在asp.net下拉列表中包含optgroups / headings。 大多数答案只是说“没有”,但是我找不到一个不包含覆盖下拉列表的答案,这似乎有些过分。

当我弄清楚它是多么简单时,想想我会分享,以防它帮助其他人!

1 个答案:

答案 0 :(得分:0)

我的示例解决方案。为了清晰起见,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> 

虽然有些浏览器存在差异,但渲染效果很好: 在Chrome&amp; Firefox的标题很好,黑色,但是I.E.呈现为残疾灰色。

重要的是,在所有这些标题中,标题是不可选择的,并且在视觉上与项目不同。