CODEWITHSUNDEEP
htmlinternet-explorerselect
user3657018
user3657018

Reputation: 103

Get rid of <select> highlight in IE

Trying to get rid of the blue highlight in IE. This is a select tag. When you pull down the dropbox and choose an option, the blue highlight appears. I am on a Mac and do not have IE so I cannot test it. Is it just background-color: transparent?

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

Thanks!

Upvotes: 10

Views: 4108

Answers (2)

Ruud Helderman
Ruud Helderman

Reputation: 11028

You can use JavaScript to blur the select. Simple example:

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

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

Upvotes: 0

Albzi
Albzi

Reputation: 15619

You can use:

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

This will change its colour once selected, but while selecting, you'll still see that blue colour on hover.

Upvotes: 16

Related Questions