Comment masquer la flèche déroulante de `` Element dans Firefox ?

Masquer la flèche déroulante de Élément dans Firefox Problème :

Modifier le style d'un élément La flèche déroulante de l'élément fonctionne de manière transparente dans Chrome et Safari en utilisant "-webkit-apparence: bouton ;". Cependant, Firefox conserve la flèche par défaut lorsque cette propriété est appliquée.

Solution :

Pour masquer la flèche déroulante dans Firefox, utilisez une combinaison des propriétés CSS suivantes :

-moz-appearance: none; text-indent: 0.01px; text-overflow: ''; Explication :

"-moz-apparence : aucune ;" supprime l'apparence par défaut de Firefox. "retrait du texte : 0,01 px ;" pousse légèrement la flèche vers la droite, tandis que "text-overflow: '';" masque la partie débordante, y compris la flèche.

Mise à jour (décembre 2014) :

Firefox 35 et versions ultérieures prennent en charge nativement "-moz-apparence: none;" pour éléments, éliminant ainsi le besoin de hacks supplémentaires.

Mise à jour (avril 2014) :

Alors que le hack CSS mentionné fonctionnait initialement, un bug est réapparu dans Firefox 31.0. a1 Tous les soirs, affectant toutes les plateformes. Cependant, depuis Firefox 35, ce bug a été résolu.