Styling eines
JavaScript-Lösungen haben Workarounds angeboten, aber kann CSS diese Anforderung wirklich erfüllen?
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!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
