How to Remove dotted that appears when button is clicked

Question

I'm using IE9 when i clicked a button appears dotted line,Please suggest how to remove that dotted lines.

Answer 1

For Internet Explorer 9 you can use this:

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

I hope this will help you ........

Answer 2

<input class="button" type="submit" id="submitForm" value="SEND" /> 

input[type="submit"] {
    outline: none;
    }

or

<input type="button" id="submitForm" value="SEND" /> 

input[type="button"] {
    outline: none;
    }

should work

Answer 3

The css that seems to remove the dotted outline from inputs and buttons in Internet Explorer 8 and 9:

:root input:focus, :root button:focus {
  outline: none;
}

I found this by viewing the source of the outlook.com sign in page.

Answer 4

This is something I wish browsers would not implement by default. I always use the following to reset the dotted line:

a:active,
a:focus,
input:focus {
    border: 0;
    outline: 0;
}