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

标签 html css angular bootstrap-4

试图创建一个用户可以选择颜色的选择器,所以我只是为每个 -option- 更改了背景颜色 - 问题是当我将它悬停时,背景变为蓝色,我不想这样做发生 - 查看图片以了解情况enter image description here

enter image description here

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

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

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

最佳答案

可能这里最简单的方法是使用例如 ul li 重建整个选择,就像这个例子: https://codepen.io/marijoha/pen/zKjvEw

我刚刚添加了内联样式

background-color:xxx;

举个例子:

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

关于html - 选择颜色和悬停行为的选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47651219/

相关文章:

angular - 类型 'timeout' 上不存在属性 'Observable<Object>'

html - 当表没有使用CSS的行时隐藏标题div

css - 具有非滚动流体宽度侧边栏的 3 列布局(jsFiddle)

angular - 在 Jasmine 中测试具有构造函数方法的 Angular2 管道

html - 基金会网格系统中的标记 : Where to put a wrapper div?

ipad - ipad/safari 上的盒子阴影

javascript - 未捕获错误 : Syntax error, 无法识别的表达式:/contact - ANGULAR 2 - 路由时无法实现平滑滚动效果

jQuery 动画底部填充

jquery - 当用户使用 jQuery 将表头滚动到 View 之外时,表头保持固定在顶部

html - 尽管上部 div 有其他边框,但下部 div 边框可见