选择 - 选择颜色和悬停行为

Question

尝试制作一个选择用户可以选择颜色的选择器，我只是改变了每个选项的背景颜色 - 问题是当我将鼠标悬停在背景上时，背景变为蓝色，这是我不想要的发生 - 查看图片以获得清晰

我用谷歌搜索了一下，据我所知，用css覆盖这种行为是不可能的 那段代码对我不起作用：

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

}

- 我可以解决这个问题 - 我正在使用带引导程序的角度5

Answer 1

这里最简单的方法可能是使用例如ul li重建整个选择，如下例所示： https://codepen.io/marijoha/pen/zKjvEw

我刚为

添加了内联样式

background-color:xxx;

作为一个例子：

https://codepen.io/anon/pen/MORwQd