Wie verstecke ich „Elemente in“ Menüs in Chrome?

Ausblenden Elemente in Menüs mit CSS

Trotz der Möglichkeit,

Elemente innerhalb von Menüs mit Anzeige: keine; In Firefox stellt Chrome eine einzigartige Herausforderung dar. Beim Klicken auf die Schaltfläche Menü, zuvor ausgeblendet Elemente tauchen wieder auf. Um dieses Problem anzugehen, stellen wir zwei wirksame Lösungen vor:

1. Verwendung des Attributs „hidden“

HTML5 führt das Attribut „hidden“ ein, das Elemente.

<option hidden>Hidden Option</option>

2. Kombinieren der Attribute „versteckt“ und „deaktiviert“

In Fällen, in denen die Browserunterstützung für das Attribut „versteckt“ eingeschränkt ist, können Sie eine Kombination der Attribute „versteckt“ und „deaktiviert“ verwenden.

<option disabled hidden>Hidden Option</option>

Durch Deaktivieren der Elemente, die den Suchkriterien entsprechen, verhindern Sie, dass sie im Dropdown-Menü angezeigt werden. Dieser Ansatz ist jedoch möglicherweise nicht ideal, wenn Sie den Zugriff auf diese Elemente mithilfe der Tastaturnavigation aufrechterhalten möchten.

Das obige ist der detaillierte Inhalt vonWie verstecke ich „Elemente in“ Menüs in Chrome?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!