造型多选择菜单选项

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

可能，这将与您一起