how to remove the blue highlighting from select element in internet explorer

In Interner Explorer, When we bring the focus to a select element, the element gets highlighted with a blue background, like in this given image. This is the default bahavior of Internet Explorer browser to indicate that, the focus is on select element.

focus-select-ie

How can we remove this highlighting?

Pure CSS method

select::-ms-value {background: none; color: #42413D;}

 jQuery method

$('option').click(function() {
    $('#select').blur();
});

 

2 Replies to “how to remove the blue highlighting from select element in internet explorer”

    1. @neilhanvey, Please check if any other code in your application overriding this CSS solution. This solution is working fine for us and confirmed by testing in multiple computers and IE versions.

Leave a Reply

Your email address will not be published. Required fields are marked *