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...

Answer 1

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?