Cambiare il colore del testo nelle caselle SELECT

Question

quindi ho trascorso l'ultima ora di ricerca, trovando molte risposte qui su Stack Overflow e su altri siti. Ma nessuno di loro funziona.

Desidero essere in grado di impostare dinamicamente il colore del testo in una casella a discesa SELECT in base a un elemento scelto, utilizzando jQuery.

posso cambiare il colore di sfondo facilmente:

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

Ma se faccio questo:

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

non funziona. Il testo rimane nero.

Altre ricerche hanno rivelato :: selezione ma sembra essere applicabile allo stile del testo selezionato dall'utente (ad esempio per copia/incolla).

Inoltre, Ho provato con le classi CSS in questo modo:

option.red { color: red } 

E l'utilizzo di addClass() per cambiare la classe, ma ancora una volta, non è worky.

Ho provato questo in Firefox, Chrome e Safari.

Cosa sto sbagliando? Grazie!

Answer 1

È necessario modificare il colore del testo negli elementi <option>.

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