如何将背景图像添加到下拉列表的第一个选项中

Question

我有像这样的下拉列表：

<asp:dropdownlist ID ="ddlgender" runat="server">
      <asp:ListItem Text="--Please Select--" Value="0"></asp:ListItem>
      <asp:ListItem Text="Male" Value="1"></asp:ListItem> 
      <asp:ListItem Text="Female" Value="2"></asp:ListItem>
      <asp:ListItem Text="Unknown" Value="3"></asp:ListItem>    
    </asp:dropdownlist>

我想在下拉列表的第一个选项前添加小的背景图像：--请选择--；指示用户在提交表单之前必须选中下拉列表框。我已经用css在文本框中做过这种事情，这很容易，但我不知道如何用dropdownlist来做。任何提示或建议都是非常感谢的。感谢专家

Answer 1

据我所知，除非你构建了一个复合控件，否则你不能添加图像来选择菜单。

不过，本文可能会对您有所帮助：http://v2.easy-designs.net/articles/replaceSelect/

Answer 2

下拉菜单，如复选框和单选按钮，通常直接作为操作系统小部件绘制。这使得在大多数情况下很难使用CSS设置样式。

如果这是必要的，那么整个select元素将需要替换为纯css和javascript实现。