选择颜色和悬停行为的选项

【问题标题】：select -option for colors and hover behavior选择颜色和悬停行为的选项
【发布时间】：2017-12-05 18:40:19
【问题描述】：

试图创建一个选择器，用户可以在其中选择一种颜色，所以我只是更改了每个选项的背景颜色 - 问题是当我悬停它时，背景变成了我不想的蓝色发生-查看图片以进行澄清

我用谷歌搜索了一下，我理解的是不可能用 css 覆盖这种行为 该代码对我不起作用：

select.decorated option:hover {
box-shadow: 0 0 10px 100px #1882A8 inset;

}

-我怎样才能解决这个问题-我使用 angular 5 和 bootstrap

【问题讨论】：

• Change Select List Option background colour on hover的可能重复
• 我在那里尝试了答案，但它不起作用 - 所以我猜它已经过时了
• 好吧，你必须构建一个最简单的下拉菜单 - 所以它不是 而是一个带有下拉

  列表的 编辑：或者如果你在答案中需要键入以及使用

  而不是