造型多選擇菜單選項

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>

我已經嘗試了很多次改變這種風格，但是不能，是不是這麼多的方法能夠，也不積極，專注，之後，之前工作，懸停效果完美的作品，但選定的選項和活動選擇的選項根本不能改變

我想改變的是[當你點擊它的藍色]和[在你點擊其他地方的灰色]，我怎樣才能改變這兩種顏色？

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; 
} 

可能，這將與您一起