Remove blue image border in Internet Explorer

So you have your site displaying images as links and it works in Firefox, Safari and Chrome, but in Internet Explorer you get a very annoying blue border around the image?

This a cross-browser CSS incompatibility problem and IE seems to suffer more than others.

The fix is a line of code that will be compatible with all browsers. Find your style sheet (usually style.css) and add this line towards the top:
[crayon-5c122bb93d697078664868/]
If you want a border use this:
[crayon-5c122bb93d69f422239374/]
If you’ve want a border when the mouse moves over the image, use this:
[crayon-5c122bb93d6a2048419407/]

Simple and effective. Drop me a comment if this helped you out.

One thought on “Remove blue image border in Internet Explorer

Leave a Reply

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