Comment ajouter background-image sur la première option d'un dropdownlist

Question

Je le dropdownlist comme celui-ci:

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

Je veux ajouter la petite image d'arrière-plan à la première option du dropdownlist avant le texte: - - Veuillez sélectionner -; indiquant à l'utilisateur que la zone de liste déroulante doit être sélectionnée avant de soumettre le formulaire. J'ai fait ce genre de choses dans des boîtes de texte avec css qui est très facile, mais je ne sais pas comment le faire avec dropdownlist. Tout indice ou suggestion sont vraiment très appréciés. Merci Experts

Answer 1

autant que je sache, sauf si vous construisez un contrôle composite, vous ne pouvez pas ajouter d'images pour sélectionner les menus. Cependant

, cet article peut vous aider: http://v2.easy-designs.net/articles/replaceSelect/

Answer 2

menus déroulants, comme les cases à cocher et des boutons radio sont généralement tirées directement des widgets du système d'exploitation. Cela rend plutôt difficile de les utiliser en utilisant CSS dans la plupart des cas.

Si cela est essentiel, l'intégralité de l'élément select devra être remplacée par une implémentation pure css et javascript.