Comment masquer la flèche déroulante dans les éléments

Des éléments dans Firefox ? " />

Comment supprimer 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 flèche déroulante par défaut persiste et recouvre l'image d'arrière-plan. En effet, le bouton -moz-apparence: n'est pas pris en charge pour les éléments 🎜>

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>

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

0

3

2312

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

0

11

2448

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

0

1

2063

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...

Depuis 2024-04-18 23:52:34

0

1

1949

Où sont les didacticiels sur la cartographie mentale CSS ? Didacticiel

Depuis 2024-04-16 10:10:18

0

0

2015

Rubriques connexes

Plus>

• Comment trouver l'emplacement d'un téléphone Huawei perdu
• logiciel
• La différence entre vivox100s et x100
• collection de codes d'arrière-plan CSS
• Comment démarrer la surveillance des données Oracle
• Comment résoudre l'erreur de restauration du site Web
• Plateforme nationale d'achat et de vente de Bitcoin
• Comment masquer les extensions de fichiers

Recommandations populaires

• Comment configurer CSS pour dépasser les ellipses d'affichage
• Comment définir la taille de la police en CSS
• Comment utiliser le survol en CSS
• Comment définir l'espacement des caractères en CSS
• Quelles sont les nouvelles fonctionnalités de CSS3

Tutoriels populaires

Plus>

Tutoriels associés

Recommandations populaires

Derniers cours

• 
  Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)

  1425054
• 
  Premier tutoriel d'introduction à PHP : Apprenez PHP en une semaine

  4271382
• 
  Tutoriel vidéo JAVA pour débutants

  2552063
• 
  Tutoriel vidéo d'introduction base zéro à l'apprentissage de Python de Little Turtle

  508483
• 
  Tutoriel d'introduction PHP base zéro

  864063

• 
  Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)

  1425054 temps d'étude
• 
  Tutoriel vidéo JAVA pour débutants

  2552063 temps d'étude
• 
  Tutoriel vidéo d'introduction base zéro à l'apprentissage de Python de Little Turtle

  508483 temps d'étude
• 
  Introduction rapide au développement web front-end

  216029 temps d'étude
• 
  Maîtrisez les didacticiels vidéo PS à partir de zéro

  893674 temps d'étude

• 
  [Web front-end] Démarrage rapide de Node.js

  7766 temps d'étude
• 
  Collection complète de cours full-stack de développement Web étranger

  6207 temps d'étude
• 
  Aller au langage pratique GraphQL

  5114 temps d'étude
• 
  Le maître du ventilateur de 550 W apprend JavaScript à partir de zéro, étape par étape

  710 temps d'étude
• 
  Le maître Python Mosh, un débutant sans aucune connaissance de base peut commencer en 6 heures

  25901 temps d'étude

Derniers téléchargements

Plus>

effets Web

Code source du site Web

Matériel du site Web

Modèle frontal

• [bouton de formulaire] Code de contact du formulaire de message d'entreprise jQuery
• [Effets spéciaux du joueur] Effets de lecture de boîte à musique HTML5 MP3
• [Navigation dans les menus] Effets spéciaux du menu de navigation d'animation de particules cool HTML5
• [bouton de formulaire] Code d'édition par glisser-déposer du formulaire visuel jQuery
• [Effets spéciaux du joueur] Code du lecteur de musique Kugou imitation VUE.JS
• [effets spéciaux HTML5] Jeu de boîte de poussée HTML5 classique
• [Effets spéciaux d'image] défilement jQuery pour ajouter ou réduire des effets d'image
• [Effets d'album photo] Effet de zoom de survol de la couverture de l'album personnel CSS3

• [Modèle frontal] Modèle de site Web d'entreprise de services de nettoyage et de réparation de décoration intérieure
• [Modèle frontal] Modèle de page de guide de CV personnel aux couleurs fraîches
• [Modèle frontal] Modèle Web de CV de travail créatif de concepteur
• [Modèle frontal] Modèle de site Web d'entreprise de construction d'ingénierie moderne
• [Modèle frontal] Modèle HTML5 réactif pour les établissements de services éducatifs
• [Modèle frontal] Modèle de site Web de centre commercial de boutique de livres électroniques en ligne
• [Modèle frontal] La technologie informatique résout le modèle de site Web d'entreprise Internet
• [Modèle frontal] Modèle de site Web de service de trading de devises de style violet

• [Matériau PNG] Matériau vectoriel d'éléments d'été mignons (EPS+PNG)
• [Matériau PNG] Matériel vectoriel de quatre badges de graduation rouges 2023 (AI+EPS+PNG)
• [image de bannière] Oiseau chantant et chariot rempli de fleurs design matériel vectoriel de bannière de printemps (AI + EPS)
• [Matériau PNG] Matériau vectoriel de chapeau de graduation doré (EPS+PNG)
• [Matériau PNG] Matériel vectoriel d'icône de montagne de style noir et blanc (EPS+PNG)
• [Matériau PNG] Matériel vectoriel de silhouette de super-héros (EPS+PNG) avec des capes de couleurs différentes et des poses différentes
• [image de bannière] Matériel vectoriel de bannière Arbor Day de style plat (AI + EPS)
• [Matériau PNG] Matériel vectoriel de neuf bulles de discussion explosives de style bande dessinée (EPS+PNG)

• [Modèle frontal] Modèle de site Web d'entreprise de services de nettoyage et de réparation de décoration intérieure
• [Modèle frontal] Modèle de page de guide de CV personnel aux couleurs fraîches
• [Modèle frontal] Modèle Web de CV de travail créatif de concepteur
• [Modèle frontal] Modèle de site Web d'entreprise de construction d'ingénierie moderne
• [Modèle frontal] Modèle HTML5 réactif pour les établissements de services éducatifs
• [Modèle frontal] Modèle de site Web de centre commercial de boutique de livres électroniques en ligne
• [Modèle frontal] La technologie informatique résout le modèle de site Web d'entreprise Internet
• [Modèle frontal] Modèle de site Web de service de trading de devises de style violet

Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！

À propos de nous Clause de non-responsabilité Sitemap

© php.cn All rights reserved