Stop select box from changing selected option color

Question

I have a drop down that I have styled with and image. When user selects an option it turns blue. The blue color shows on top of the image which looks really ugly. How can I stop this behaviour through css?? I dont want the selected state to change color.

I want something like

select:active {
    background:transparent;
}

I am open to javascript solution too...

score 2 · Accepted Answer · edited May 23 '17 at 11:56

2

There is no agreed-upon, cross-browser, standards-compliant solution to styling a selected option from a select box.

Every browser handles input fields differently and that is most-true when working with select fields.

Your best bet will be to check out this question/answer: Is it possible to style a select box?

edited May 23 '17 at 11:56

Community

1
1

answered Apr 16 '12 at 13:14

magzalez

1,396
2
14
25

Is there a way to tell the select box to go behind image? – zaini Apr 16 '12 at 13:20
I don't believe there to be a sure method of making the color-change happen behind the background image. – magzalez Apr 16 '12 at 14:27

Stop select box from changing selected option color

1 Answers1