Comment masquer la flèche déroulante d'un élément `` dans Firefox ?

Comment masquer la flèche déroulante d'un bouton Élément dans Firefox

La propriété CSS -moz-looking est couramment utilisée pour personnaliser l'apparence d'un élément élément, y compris en masquant sa flèche déroulante. Cependant, les anciennes versions de Firefox peuvent ne pas répondre correctement à cette propriété.

Problèmes de compatibilité Firefox :

Initialement, en utilisant -moz-apparence : aucun ; à lui seul était insuffisant pour supprimer la flèche déroulante dans Firefox. Ce problème a depuis été résolu dans la version 35 de Firefox.

Solution :

Pour les anciennes versions de Firefox, une combinaison de -moz-looking, text-indent et text-overflow peut être utilisé pour masquer la flèche :

<code class="css">select {
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}</code>

Comment ça marche :

• En définissant -moz-apparence : aucun ;, régulier style de navigateur pour l'option

l'élément est désactivé.

text-indent : 0,01px ; pousse le texte légèrement vers la droite.

text-overflow: ''; provoque le masquage de tout texte débordant, y compris la flèche déroulante.

Remarque :

Ce hack n'est peut-être plus nécessaire dans les dernières versions de Firefox, où -moz-apparence : aucun ; fonctionne maintenant comme prévu. Reportez-vous à l'essentiel fourni pour obtenir des informations mises à jour et la compatibilité entre navigateurs.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!