Maison > Article > interface Web > Comment masquer la flèche déroulante dans les éléments
Comment masquer la flèche déroulante dans les éléments
- Mary-Kate Olsenoriginal
- 2024-10-31 07:35:17664parcourir
Des éléments dans Firefox ?
" />
Comment supprimer la flèche déroulante dans les éléments
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 CSSPour 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>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!
Articles Liés
Voir plus- Comment obtenir des transitions d'opacité fluides tout en modifiant brusquement l'affichage CSS ?
- Comment créer un lien cliquable pour une division HTML entière contenant une image ?
- Pourquoi les valeurs ClientHeight et ClientWidth du navigateur diffèrent-elles ?
- Comment créer un Div pliable avec Pure CSS en utilisant et ?
- Comment fonctionne l’effondrement de la marge verticale dans les éléments imbriqués ?