Comment remplacer la flèche de la liste déroulante par la mienne?

Quelle serait la méthode la plus simple pour remplacer la flèche par défaut de la liste déroulante avec ma propre image en forme de flèche?Comment remplacer la flèche de la liste déroulante par la mienne?

Source

2010-08-13 Misha Moroshko

Je doute que vous pouvez. Sûrement c'est navigateur sepcific, probablement en utilisant un widget natif o/s? En fait, puisqu'il n'y a pas de balise HTML, comment l'influenceriez-vous avec CSS? – Mawg

oups, on dirait que @Stephen a trouvé une solution. Mes excuses. – Mawg

@LeonixSolutions Techniquement, il remplace entièrement l'élément 'select' (plutôt que de changer le graphique), tandis que' select' est caché et manipulé via des contrôles JS au lieu de contrôles natifs. – cbednarski

La seule bonne solution que j'ai trouvée est en utilisant jQuery UI et ce plugin.

http://www.filamentgroup.com/lab/jquery_ui_selectmenu_an_aria_accessible_plugin_for_styling_a_html_select/

Source

2010-08-13 01:44:25 Stephen

Le style de la valeur par défaut flèche dépend totalement de type e O.S vous use.You pouvez vérifier la liste déroulante dans Windows, linux ils prendront par défaut O.S style.

La meilleure façon de style de la flèche est d'utiliser le plugin jquery comme: http://www.dev4press.com/jgd/dropdown/ http://plugins.jquery.com/taxonomy/term/463

Source

2010-08-13 05:41:30 Dharmesh

Je vous suggère d'utiliser uniforme. Il vous permet de masquer des contrôles standard avec quelque chose de sexy en utilisant JQuery: http://pixelmatrixdesign.com/uniform

Vous serez en mesure de remplacer votre liste déroulante en utilisant cette ligne simple:

$(function(){ $("select").uniform(); });

Vous pouvez également modifier vos boutons radio et cases à cocher en utilisant la même méthode. Il y a encore quelques thèmes téléchargeables disponibles au bas de cette page.

Source

2010-08-13 07:11:46

Comment remplacer la flèche de la liste déroulante par la mienne?

Répondre

Questions connexes