Note that there are some explanatory texts on larger screens.

plurals
  1. POputting an img tag inside of an a href tag causes a border around image in IE
    text
    copied!<p>I have some HTML where I have img tags inside of an href tag to use as a button. Everything works fine except that when I open it in IE, I get a border around the img tag. </p> <p>Here's some code:</p> <pre><code>&lt;a href="javascript:changecolor(1)" title="Click Again to Change Color" style="cursor:pointer; text-decoration:none"&gt;&lt;img src="button.png" width="25" height="25" style="margin-top:600px;" /&gt;&lt;/a&gt; &lt;a href="javascript:changecolor(2)" title="Click Again to Change Color" style="cursor:pointer"&gt;&lt;img src="button.png" width="25" height="25" style="margin-top:600px;" /&gt;&lt;/a&gt; &lt;a href="javascript:changecolor(3)" title="Click Again to Change Color" style="cursor:pointer"&gt;&lt;img src="button.png" width="25" height="25" style="margin-top:600px;" /&gt;&lt;/a&gt; &lt;a href="javascript:changecolor(4)" title="Click Again to Change Color" style="cursor:pointer"&gt;&lt;img src="button.png" width="25" height="25" style="margin-top:600px;" /&gt;&lt;/a&gt; &lt;a href="javascript:changecolor(7)" title="Click Again to Change Color" style="cursor:pointer"&gt;&lt;img src="button.png" width="25" height="25" style="margin-top:600px;" /&gt;&lt;/a&gt; &lt;a href="javascript:changecolor(6)" title="Click Again to Change Color" style="cursor:pointer"&gt;&lt;img src="button.png" width="25" height="25" style="margin-top:600px; text-decoration:none" /&gt;&lt;/a&gt; </code></pre> <p>How can I get rid of the blue border, which only appears in IE?</p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload