2017-05-17 17 views
0

如果之前發佈過,但是如果是這樣,我無法在搜索後找到它,我表示歉意。如何在ASP.net中的下拉列表中僞造標題或optgroup

我試圖找出如何在asp.net下拉列表中包含optgroups /標題。 大多數答案都只是說'不',但我找不到一個不包含覆蓋下拉列表的答案,這看起來有點過分。

當我弄清楚它有多簡單時,我想分享一下,以防萬一!

回答

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中& Firefox的標題很不錯,黑色的,但I.E.呈現爲殘疾灰色。

重要的是,在他們所有的標題都是無法選擇和視覺上不同的項目。