Warum kann ich mit CSS in Chrome keine Elemente in einem Menü ausblenden?

So verbergen Sie Elemente selektiv innerhalb von Menüs mit CSS: Ein Rätsel Frage:

Aus irgendeinem verwirrenden Grund ist mir aufgefallen, dass Chrome sich hartnäckig weigert, Elemente innerhalb eines Menü, während Firefox anscheinend keine derartigen Bedenken hat. Ich habe die Aufgabe, bestimmte Elemente, die bestimmte Suchparameter erfüllen. Die Chrome-Debugging-Tools zeigen zwar genau an, dass mein JavaScript den Anzeigestil dieser Elemente auf „Keine“ setzt, sie erscheinen jedoch auf mysteriöse Weise wieder, wenn das Menü ist aktiviert. Was ist das für eine Zauberei? Wie kann ich die Anzeige dieser verhindern? Elemente, wenn das Menü erweitert wird?

Antwort:

Um Elemente, die Ihren Suchkriterien entsprechen und verhindern, dass sie bei der Menüaktivierung erneut angezeigt werden, sollten über die Verwendung des Attributs „hidden“ nachdenken, das von HTML5 unterstützt wird.

Hidden option Dieses Attribut bietet eine zuverlässige Möglichkeit, die Sichtbarkeit bestimmter Optionen zu unterdrücken . Es ist wichtig zu beachten, dass Internet Explorer-Versionen vor 11 dieses Attribut nicht unterstützen. Wenn Sie nur eine begrenzte Anzahl von Elemente kann es vorteilhaft sein, das Attribut „versteckt“ strategisch in Verbindung mit dem Attribut „deaktiviert“ zu nutzen, anstatt Elemente zu entfernen und erneut einzufügen oder auf semantisch mehrdeutige Ansätze zurückzugreifen.

Option1 Option2 Hidden Option