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

【问题标题】：How to add background-image onto the first option of a dropdownlist如何将背景图像添加到下拉列表的第一个选项中
【发布时间】：2009-07-31 16:02:01
【问题描述】：

我有这样的下拉列表：

<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 的文本框中完成了这种事情，这很容易，但我不知道如何使用下拉列表来完成。任何提示或建议都非常感谢。感谢专家

【问题讨论】：

标签： asp.net css

【解决方案1】：

据我所知，除非您构建复合控件，否则您无法将图像添加到选择菜单。

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

【讨论】：

【解决方案2】：

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

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

【讨论】：