Maison > interface Web > tutoriel CSS > le corps du texte

Comment masquer la flèche déroulante dans les éléments à l'aide de CSS dans Firefox

Bien que Chrome et Safari aient réussi à masquer la flèche déroulante avec -webkit-apparence : bouton ;, Firefox présente un défi en raison de l'implémentation différente de la propriété -moz-looking.

Le problème : flèche par défaut persistante

Lors de l'application de -moz-apparence: bouton à 🎜>

La solution : un hack CSS

Pour masquer la flèche déroulante dans Firefox, une combinaison de propriétés CSS est nécessaire :

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

Copier après la connexion

En définissant -moz-apparence sur none et en ajoutant un minuscule retrait de texte de 0,01 px, la flèche est hors de vue. text-overflow : '' supprime tout texte de débordement restant, garantissant que la flèche reste masquée.

Mises à jour :

11 décembre 2014 : -moz-apparence : aucune ; fonctionne désormais comme prévu dans Firefox 35, éliminant le besoin de hacks.
28 avril 2014 : Le hack CSS susmentionné a eu une efficacité temporaire mais a depuis refait surface dans Firefox 31.0.a1 Nightly sur plusieurs plates-formes.

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!

source：php.cn

Article précédent：Comment puis-je créer des info-bulles pour les éléments Span en HTML ? Article suivant：Comment flouter une image d’arrière-plan sans affecter la clarté du contenu ?

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Derniers articles par auteur

Derniers numéros

function_exists() ne peut pas déterminer la fonction personnalisée Function test () {return true;} if (function_exists ('test')) {echo "le test est une ...

Depuis 2024-04-29 11:01:01

1732

Comment afficher la version mobile de Google Chrome Bonjour professeur, comment puis-je changer Google Chrome en version mobile ?

Depuis 2024-04-23 00:22:19

1886

La fenêtre enfant exploite la fenêtre parent, mais la sortie ne répond pas. Les deux premières phrases sont exécutables, mais la dernière ne peut pas être implémentée...

Depuis 2024-04-19 15:37:47

1599

Il n'y a aucune sortie dans la fenêtre parent document.onclick = function(){ window.opener.document.write('Je suis la sortie de la fenêt...