Zmiana koloru tekstu w polach SELECT

Question

, więc spędziłem ostatnie godziny na wyszukiwaniu, znajdując wiele odpowiedzi tutaj w Stack Overflow i na innych stronach. Ale żaden z nich nie działa.

Chcę móc dynamicznie ustawiać kolor tekstu w rozwijanym oknie SELECT na podstawie wybranego elementu, za pomocą jQuery.

można łatwo zmienić kolor tła:

$('#selectBox').css("background-color", "red"); 

Ale jeśli mogę to zrobić:

$('#selectBox').css("color", "red"); 

To nie działa. Tekst pozostaje czarny.

Inne wyszukiwanie ujawniło: wybór, ale wydaje się, że odnosi się do stylu tekstu wybranego przez użytkownika (na przykład do kopiowania/wklejania).

Ponadto Próbowałem przy użyciu klas CSS tak:

option.red { color: red } 

i korzystania addClass(), aby zmienić klasę, ale znowu, to nie worky.

Testowałem to w przeglądarkach Firefox, Chrome i Safari.

Co robię źle? Dzięki!

Answer 1

Należy zmienić kolor tekstu w elementach <option>.

$("#selectBox").find("option").css("color", "red");