Heim >Web-Frontend >CSS-Tutorial >Kann CSS ein ``-Element basierend auf dem ausgewählten `` formatieren?
Kann CSS ein ``-Element basierend auf dem ausgewählten `` formatieren?
- Patricia ArquetteOriginal
- 2024-12-04 00:52:10283Durchsuche
Styling eines
Styling eines
JavaScript-Lösungen haben Workarounds angeboten, aber kann CSS diese Anforderung wirklich erfüllen?
Das „Hold My Beer“ Lösung
Schritt 1: Aktualisieren Sie das
Verwenden Sie das onchange-Ereignis, um den ausgewählten Wert einem benutzerdefinierten Datenattribut auf der
<select onchange="this.dataset.chosen = this.value;">
Schritt 2: Ziel und Stil
Wenn der ausgewählte Wert im Datenattribut gespeichert ist, können Sie nun das
select[data-chosen='opt3'] {
border: 2px solid red;
}
Ein Live-Beispiel finden Sie in diesem CodePen: https://codepen.io/Aprillion/pen/xxx
Das obige ist der detaillierte Inhalt vonKann CSS ein ``-Element basierend auf dem ausgewählten `` formatieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!