Как добавить background-image в первый вариант выпадающего списка

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, что очень легко, но я не знаю, как это сделать с помощью выпадающего списка. Любые намеки или предложения действительно очень ценятся. Спасибо экспертам

Answer 1

Выпадающие меню, такие как флажки и переключатели, обычно рисуются непосредственно как виджеты операционной системы. Это в большинстве случаев затрудняет их стилизацию с использованием CSS.

Если это необходимо, тогда весь элемент select необходимо будет заменить на чистую реализацию CSS и JavaScript.

Answer 2

Насколько я знаю, если вы не создадите составной элемент управления, вы не сможете добавлять изображения для выбора меню.

однако эта статья может вам помочь: http://v2.easy -designs.net / article / replaceSelect /