Comment puis-je masquer des éléments spécifiques dans un menu à l'aide de CSS ?

Masquer Les éléments dans Menus utilisant CSS

Question :

Comment puis-je masquer une

éléments dans un menu utilisant CSS de manière à empêcher leur affichage lorsque vous cliquez sur le menu, même dans les navigateurs comme Chrome qui ne prennent pas entièrement en charge l'affichage : aucun à cet effet ?

Réponse :

Au lieu de vous fier à display : none, pensez à utiliser l'attribut caché en HTML5. Voici un exemple :

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

Explication :

• L'attribut masqué est pris en charge par les navigateurs modernes, notamment Chrome et Firefox.
• Contrairement à display: none, Hidden masque l'élément à la fois de l'écran et du menu d'options lorsqu'on clique dessus.
• Cette approche est sémantiquement correcte et peut être combinée avec l'attribut désactivé pour restreindre davantage l'interactivité avec les options masquées.

Remarque :

• Les versions d'Internet Explorer inférieures à 11 ne prennent pas en charge l'attribut masqué.
• Pour un petit nombre de fichiers masqués options, l'ajout de l'attribut caché seul peut être plus efficace que l'utilisation d'autres méthodes, telles que la suppression et le réajout d'éléments ou l'emploi de techniques non standard.

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!