Wie kann ich mit CSS zuverlässig „Elemente in' Menüs ausblenden?

Ausblenden Elemente in Menüs mit CSS

Frage:

Wie kann man ausblenden? Elemente innerhalb eines Menü mithilfe von CSS, so dass sie ausgeblendet bleiben, wenn auf das Menü geklickt wird, obwohl sie zunächst in den Webtools von Chrome als „Anzeige: Keine“ angezeigt werden?

Antwort:

Für In HTML5-Browsern bietet das versteckte Attribut eine effektive Lösung zum Verbergen von Elemente. Im Gegensatz zur display: none-Eigenschaft verhindert das versteckte Attribut, dass das Element angezeigt wird, wenn die Option Das Menü wird geöffnet.

Beispiel:

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

Andere Optionen:

Alternativ zum teilweisen Ausblenden von Elementen: a Eine Kombination aus dem versteckten Attribut und dem deaktivierten Attribut kann ausreichen. Dieser Ansatz ist jedoch semantisch weniger korrekt als das versteckte Attribut allein.

Zusätzliche Informationen:

• IE-Browser unter Version 11 unterstützen das versteckte Attribut nicht.
• Stellen Sie sicher, dass das Attribut im HTML-Code selbst angegeben ist, da JavaScript das Verborgene nicht direkt ändern kann Eigentum.

Das obige ist der detaillierte Inhalt vonWie kann ich mit CSS zuverlässig „Elemente in' Menüs ausblenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!