wie man die Hintergrundfarbe der ausgewählten Boxoptionen verändert, wenn er geöffnet

beim Versuch, ein Select -Box anzupassen, begegnen Sie Schwierigkeiten, die Hintergrundfarbe seiner Optionen zu ändern, wenn sie aktiviert sind. Um dies zu beheben, ist es entscheidend, das richtige HTML -Element anzuzeigen.

Lösung:

im Gegensatz zum Auswahlfeld selbst sollten die Hintergrundfarbe -Änderung an die Option Elemente angewendet werden:

select option {
  background: rgba(0, 0, 0, 0.3);
}

Option {option {option {& {option {& ave Hintergrund: RGBA (0, 0, 0, 0,3); }

erweiterte Anpassung:

für individuelles Styling, verwenden Attributauswahl:

select option {
  background: rgba(0, 0, 0, 0.3);
}

option [value = "] { Hintergrund: RGBA (100, 100, 100, 0,3); } Option auswählen [value = "2"] { Hintergrund: RGBA (150, 150, 150, 0,3); }

zusätzlich können Sie Klassenattribute für feinere Kontrolle nutzen:

select option {
  background: rgba(0, 0, 0, 0.3);
}

Option 1 Option 2

select option {
  background: rgba(0, 0, 0, 0.3);
}

. Custom-option { Hintergrund: Blau; }