ASP.netのドロップダウンリストでヘッディングやオプトグループを偽装する方法

Question

これが前に投稿されている場合はお詫び申し上げますが、もしそうなら、多くの検索をしてからそれを見つけることはできませんでした。

私はoptgroups /見出しをasp.netドロップダウンリストに含める方法を試していました。 ほとんどの回答は「いいえ」と言っていましたが、過剰なドロップダウンリストを含まない回答は見つかりませんでした。

私はそれがどれほどシンプルであるかを考えたとき、他の誰かを助ける場合に分かち合うと思いました！

Answer 1

私のソリューション例です。 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> 

いくつかのブラウザの違いけれどもそれは、うまくレンダリング： クローム&のFirefoxには見出しがいいと黒のですが、すなわち、無効なグレーとしてレンダリングされます。

重要なことに、すべての見出しは選択できず、項目とは視覚的に区別されます。