Comment masquer les `` éléments dans `` les menus dans Chrome ?

Masquer Les éléments dans Menus avec CSS

Malgré la possibilité de masquer

éléments dans menus utilisant l'affichage : aucun ; dans Firefox, Chrome pose un défi unique. En cliquant sur le bouton menu, précédemment masqué. les éléments réapparaissent. Pour résoudre ce problème, nous vous présentons deux solutions efficaces :

1. Utilisation de l'attribut « caché »

HTML5 introduit l'attribut « caché », qui masque efficacement éléments.

<option hidden>Hidden Option</option>

2. Combinaison des attributs « caché » et « désactivé »

Dans les cas où la prise en charge du navigateur pour l'attribut « caché » est limitée, vous pouvez utiliser une combinaison des attributs « caché » et « désactivé ».

<option disabled hidden>Hidden Option</option>

En désactivant l' éléments correspondant aux critères de recherche, vous empêchez leur affichage dans le menu déroulant. Cependant, cette approche n'est peut-être pas idéale si vous souhaitez conserver l'accessibilité de ces éléments à l'aide de la navigation au clavier.

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!