Styling mehrere Auswahlmenü Optionen

Question

option:active { 
 
    color: red; 
 
} 
 

 
option:focus { 
 
    color: green; 
 
    background: green; 
 
} 
 

 
option:checked { 
 
    color: yellow; 
 
    background: yellow; 
 
}

<select multiple> 
 
<option>One</option> 
 
<option>Two</option> 
 
<option>Three</option> 
 
</select>

Ich habe so viele Male versucht, den Stil, dies zu ändern, konnte aber nicht und war durch so viele Möglichkeiten, nicht in der Lage, noch aktiv, Fokus, nach, bevor bearbeitet, funktioniert der Hover-Effekt perfekt, aber ausgewählte Optionen und aktiv ausgewählte Optionen können überhaupt nicht geändert werden

Alles, was ich ändern möchte, ist die [Wenn Sie auf das Blau klicken] und [Nachdem Sie woanders klicken, ist es grau ], Wie kann ich nur diese zwei Farben ändern?

Answer 1

 <select multiple> 
    <option>One</option> 
    <option>Two</option> 
    <option>Three</option> 

option:not(:checked) { 
    background-color: yellow; 
    color:yellow; 
} 
option:not(:focus){ 
background-color:green; 
color:green; 
} 
option:not(:active){ 
color:red; 
} 

Kann dies