CODEWITHSUNDEEP
htmlcssangularbootstrap-4
pb4now
pb4now

Reputation: 1295

select -option for colors and hover behavior

trying to make a selec-tor where the user can chose a color so ofc I just changed background color for every -option- the problem is that when I hover it the background is changed to blue which I don't want to happen -look the pictures for clearification enter image description here

enter image description here

I googled a bit and what I understand is that it's not possible to overide that behavior with css that code didn not work for me :

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

}

-how can I solve that problem - I'm using angular 5 with bootstrap

Upvotes: 1

Views: 5176

Answers (1)

Marcel Schmid
Marcel Schmid

Reputation: 424

Probably the easiest way here is to rebuild a whole select with for example ul li, like this example: https://codepen.io/marijoha/pen/zKjvEw

I just added inlinestyles for the

background-color:xxx;

as a example:

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

Upvotes: 1

Related Questions