Javascript 如何设置HTML选择选项悬停和选择选项效果的样式

我正在尝试删除HTML选择选项悬停效果上的默认蓝色背景，并使用下面的CSS块设置所选选项效果的样式，但它似乎不起作用。关于如何实现这一点的想法

    select.color-chooser option:hover {
        background-color: none!important;

    }

select.color-chooser option[selected] {
        background-color: none!important;

    }

---

我还没试过这个，但我想，它不应该是选项：选中吗

select.color-chooser option:selected {}

---

您不能这样做，如果您愿意，您可以使用jqueryselected或类似的工具

---

它生成易于设置样式的HTML列表。

要更改链接上的默认文本颜色蓝色，请使用以下代码：

a {
text-decoration:none;
  }

要更改悬停颜色，此操作应起作用：

a:hover {
   color:[enter colour];
       }

解决方案仅在IE中有效（勾选10和11）

`
选择权
选择权
选择权
.form控件选项：悬停{
背景：粉红色；
}
：：选择，选择：焦点：：-ms值{
背景颜色：深粉色；
颜色：#000；
}
选项：选中{
背景颜色：深粉色；
颜色：#000；
}
选项：选中：悬停，选择：焦点选项：选中：悬停{
背景颜色：深粉色；
颜色：#000；
}
`

良好的参考资料可能重复

`
    <select class="form-control">
          <option>Option option option</option>
          <option>Option option option</option>
          <option>Option option option</option>
         </select>



          .form-control option:hover {
              background: pink;
            }

            ::selection, select:focus::-ms-value {
              background-color: deeppink;
              color: #000;
            }

            option:checked {
              background-color: deeppink;
              color: #000;
            }

            option:checked:hover, select:focus option:checked:hover {
              background-color: deeppink;
              color: #000;
            }

`