Kann ich die :checked-Pseudoklasse verwenden, um Elemente zu formatieren?

CSS: Pseudo-Klassenfunktionalität für aktiviert Elemente

Die Element innerhalb eines Das Element gibt die aktuelle Auswahl des Benutzers aus einer Liste von Optionen an. Um die Benutzeroberfläche zu verbessern, kann es wünschenswert sein, die aktuell ausgewählte Option anders zu gestalten als die anderen. Die Pseudoklasse :checked, die üblicherweise zum Stylen von und Elemente, gilt nicht für Elemente.

Lösung:

Es gibt eine Technik, um ein ähnliches Stylingverhalten für zu erreichen. Elemente durch Nutzung der Pseudoklasse :checked. In der HTML4-Spezifikation wurde das selected-Attribut verwendet, um die aktuell ausgewählte Option anzuzeigen. Indem wir auf dieses Attribut verweisen, können wir dieselben Stile auf anwenden. Elemente mit dem ausgewählten Attribut, wie wir es bei der Überprüfung von tun würden. Elemente.

option[selected] {
  color: red;
}

Hinweis:Das Gestalten der Farbe ausgewählter Optionen wird möglicherweise nicht in allen Browsern unterstützt.

Beispiel:

Um die aktuell ausgewählte Option aus einer Dropdown-Liste auszublenden:

option:checked {
  display: none;
}

<select>
  <option>A</option>
  <option>B</option>
  <option>C</option>
</select>

Das obige ist der detaillierte Inhalt vonKann ich die :checked-Pseudoklasse verwenden, um Elemente zu formatieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!