Pourquoi les options masquées s'affichent-elles dans le menu de sélection de Chrome ?

Masquage des options dans un menu de sélection avec CSS

Lors du masquage de éléments dans un menu utilisant CSS, Chrome affiche les options cachées lorsque vous cliquez sur le menu, contrairement à Firefox. Cela peut être frustrant lorsque vous essayez de masquer des options en fonction de critères spécifiques.

Pour résoudre ce problème, envisagez d'utiliser l'attribut caché au lieu de CSS pour masquer les options. Cet attribut est pris en charge en HTML5 et désactive à la fois la visibilité et la sélection des options masquées :

<option hidden>Hidden option</option>

Bien que les versions d'Internet Explorer inférieures à 11 ne prennent pas en charge le masqué, cela peut être une solution appropriée si seules quelques options doivent le faire. se cacher. En combinant l'attribut masqué avec désactivé, vous pouvez empêcher la sélection accidentelle des options masquées :

<select>
  <option>Option1</option>
  <option>Option2</option>
  <option hidden disabled>Hidden Option</option>
</select>

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!

html5 firefox css chrome if while select using Attribute this issue

Déclaration：

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

Article précédent：Pourquoi ma console affiche-t-elle uniquement le premier objet lors d'une boucle sur un tableau d'objets en JavaScript ?Article suivant：Pourquoi ma console affiche-t-elle uniquement le premier objet lors d'une boucle sur un tableau d'objets en JavaScript ?

Articles Liés

Voir plus

• Une analyse approfondie du composant de groupe de liste Bootstrap
• Explication détaillée du currying de la fonction JavaScript
• Exemple complet de génération de mot de passe JS et de détection de force (avec téléchargement du code source de démonstration)
• Angularjs intègre l'interface utilisateur WeChat (weui)
• Comment basculer rapidement entre le chinois traditionnel et le chinois simplifié avec JavaScript et l'astuce permettant aux sites Web de prendre en charge le basculement entre les compétences en chinois simplifié et traditionnel_javascript

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

À propos de nousClause de non-responsabilitéSitemap

© php.cn All rights reserved