Get rid of <select> highlighting in IE

Question

Trying to get rid of the blue highlight in IE. This is the selected tag. When you pull out Dropbox and select an option, a blue highlight appears. I am on a Mac and do not have IE, so I can not test it. It's just the background color: transparent?

Here is an image of what I see. http://postimg.org/image/xa8kmxfbt/

Thanks!

Answer 1

You can use:

select::-ms-value {background: transparent;} 

This will change its color after selecting it, but when you select it you will still see a blue color on hover.

Answer 2

You can use JavaScript to blur select . A simple example:

 <select id="mySelect" onchange="this.blur();"> <option>foo</option> <option>bar</option> <option>baz</option> </select> 

Fiddle: http://jsfiddle.net/kJNX3/