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

选项：活动{
颜色：红色；
}
选项：聚焦{
颜色：绿色；
背景：绿色；
}
选项：选中{
颜色：黄色；
背景：黄色；
}

一个
两个
三

一个
两个
三
选项：不（：选中）{
背景颜色：黄色；
颜色：黄色；
}
选项：非（：焦点）{
背景颜色：绿色；
颜色：绿色；
}
选项：不（：活动）{
颜色：红色；
}

也许这对你有用

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