Pourquoi ne puis-je pas masquer des éléments dans un menu à l'aide de CSS dans Chrome ?

Comment masquer Éléments sélectionnés de manière sélective dans Menus utilisant CSS : une énigme Question :

Pour une raison déroutante, j'ai remarqué que Chrome refuse obstinément de masquer éléments dans un menu, alors que Firefox ne semble pas avoir de tels scrupules. Je suis chargé de masquer des éléments qui satisfont certains paramètres de recherche. Cependant, alors que les outils de débogage de Chrome montrent avec précision que mon JavaScript définit le style d'affichage de ces éléments sur aucun, ils réapparaissent mystérieusement lorsque l'option Le menu est activé. De quelle sorcellerie s'agit-il ? Comment puis-je empêcher l'affichage de ces éléments lorsque le menu est développé ?

Réponse :

Pour masquer efficacement éléments qui correspondent à vos critères de recherche et empêchent leur réapparition lors de l'activation du menu, pensez à utiliser l'attribut 'hidden', qui est pris en charge par HTML5.

Hidden option Cet attribut offre un moyen fiable de supprimer la visibilité d'options spécifiques. . Il est important de noter que les versions d'Internet Explorer antérieures à 11 ne prennent pas en charge cet attribut. Si vous souhaitez masquer uniquement un nombre limité d'options éléments, il peut être avantageux d'utiliser stratégiquement l'attribut « caché » en conjonction avec l'attribut « désactivé », plutôt que de supprimer et de réinsérer des éléments ou de recourir à des approches sémantiquement ambiguës.

Option1 Option2 Hidden Option