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
Angular Mat-Select Text Color Doesn't Change
What Does 14Px/26Px Font Size in CSS Do
How to Make Diagonal Circle Border Gradient
How to Create a Gradient Border on a Circle with CSS3
How to Put Text in the Upper Right, or Lower Right Corner of a "Box" Using CSS
CSS Performance Between Class and Attribute Selectors
How to Override Bootstrap 3 Styles with External Custom CSS
ASP.NET MVC 5 - Stylebundle Cdnfallbackexpression Questions
When a CSS Property Can Have Multiple Values, Are Those Values Always Separated by Whitespaces
R - How to Plot Dygraphs in Multiple Panels
What Does the Inherit Keyword in CSS Do
How to Vertically Align Objects in CSS When Working with CSS Grids
Override Angular Material CSS Differently in Different Components
Make Hexagon Shape with Border, Rounded Corners and Transparent Background