Wie man Überschriften oder optgroups in dropdownlist in ASP.net vortäuscht

Question

ich entschuldige mich, wenn dieses vorher bekannt gegeben worden ist, aber wenn so konnte ich es nach vielem Suchen nicht finden.

Ich habe versucht zu erarbeiten, wie optgroups/Überschriften in einer asp.net Dropdownliste enthalten. Die meisten Antworten sagten nur "Nein", aber ich konnte keine Antwort finden, die keine übergeordnete Dropdown-Liste enthielt, was übertrieben erschien.

Als ich herausfand, wie einfach es war, dachte ich, ich teile es, falls es jemand anderem hilft!

Answer 1

Meine Beispiellösung. CSS ist zur besseren Übersicht inline.

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

Es macht schön, obwohl einige Browser Unterschiede: In Chrome & Firefox die Überschriften sind schön und schwarz, aber I.E. wird als deaktiviertes Grau dargestellt.

Wichtig in allen von ihnen sind die Überschriften nicht auswählbar und visuell von den Einzelteilen verschieden.