Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

how to remove dotted border around the link in IE7

Tags:

There is border around button and link when click.

enter image description here

enter image description here

could anyone help me solution to remove it.

like image 531
Mo. Avatar asked Aug 17 '12 14:08

Mo.


People also ask

How do I get rid of the dotted border around a link?

We can remove the default behavior of hyperlinks which is to show a dotted outline around themselves when active or focused by declaring CSS outline property on active/focused links to be none.

How do I get rid of the border on Internet Explorer?

add style="border: none;" to whatever creates the border or create a css with this attribute.


1 Answers

You can preset it like that :

:focus{     outline:0; /*removes the dotted border*/ } 

But remember (for accessibility reasons) to set the style "later" in your CSS file to something more visible. For example :

a:focus, a:active{     color:#ff5500; /*different color than regular*/ } input[type=submit]:focus, input[type=submit]:active{     background-color:#444; /*different color than regular*/ } 
like image 144
darma Avatar answered Oct 05 '22 23:10

darma