javascript - 设置多个选择菜单选项的样式

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

也许这对你有用