How to Remove Blue Border Around Links in IE9

How To Disable Blue Glow For Html Button In Ie9

I was just hoping to get rid of the blue color.

You can't just get rid of it, because Internet Explorer uses the native buttons, from your system theme. Take a look at any system dialog box with a button, for example when you change your wallpaper.

You can only remove the blue inner glow if you're willing to style a decent looking button yourself, starting with setting a border/background (which disables using the native style).

Removing the image border in Chrome/IE9

Instead of border: none; or border: 0; in your CSS, you should have:

border-style: none;

You could also put this in the image tag like so:

<img src="blah" style="border-style: none;">

Either will work unless the image has no src. The above is for those nasty link borders that show up in some browsers where borders refuse to play nice. The thin border that appears when there is no src is because chrome is showing that in fact no image exists in the space that you defined. If you are having this issue try one of the following:

  • Use a <div> instead of an <img> element (effectively creating an element with a background image is all you are doing anyway, the <img> tag really isn't being used)
  • If you want/need an <img> tag use Randy King's solution below
  • Define an image src

Is there anyway to remove the border around clicked links in IE8 & below?

Use this CSS:

a:focus, a:active {
outline:none;
ie-dummy:expression(this.hideFocus = true);
border: 0px none;
}

How to remove dotted border around active hyperlinks in IE8 with CSS

Try this CSS:

a:active, a:selected, a:visited { 
border: none;
outline: none;
}

Note that this has to be after any a:hover rules. Thanks to PEra in the comments for suggesting using the a:selected selector as well.

NOTE

The above does not work in IE 9. Removing a:selected causes it to work in IE9.

Link on image shows border around the image in Internet Explorer

put this in css

a img{border:none;}

Blue border around my image link will NOT GO away in IE

You should use border:none; not border:0;

css:

img {border:none;}

How can I remove the outline around hyperlinks images?

For Remove outline for anchor tag

a {outline : none;}

Remove outline from image link

a img {outline : none;}

Remove border from image link

img {border : 0;}


Related Topics



Leave a reply



Submit