How to remove the “Dotted Border” on clicking?

Tags: javascript,html,css

Problem :

As you can see

alt text

I want to somehow remove the dotted lines after the button has been clicked.Any ideas how ?


GUYS : This is the current status of my CSS ansd HTML but still no USE:

.myButton input {
top: 5%;
height: 44px;
width: 43px;
font: bold 13px sans-serif;;
background: url("hover.png") 0 0 no-repeat;
text-decoration: none;
.myButton input:hover {  
background-position: 0 -44px;
color: #049;
outline: 0;
.myButton input:active {
background-position: 0 -88px;
outline: 0;

input:active, input:focus {
      outline: 0;

<div class="myButton">
<input type="submit" value="">

Nothing seems to be happening !!

Solution :

Possible with pure HTML as well:

<a href="..." hidefocus="hidefocus">...</a>

And with JavaScript you can do that on all links:

window.onload = function WindowLoad(evt) {
   //hide focus:
   var arrLinks = document.getElementsByTagName("a");
   for (var i = 0; i < arrLinks.length; i++) {
       arrLinks[i].hideFocus = "true";

    CSS Howto..

    How to get height of CSS manipulated image?

    How to float Dojo DropDownMenu over a table cell

    How to prevent Ajax overflow/server crash? (Arduino/ESP8266 Environment)

    Integration of CSS, Javascript and html ,,,howto

    How to highlight a table row upon hover conditionally based on table cell values with CSS and jQuery?

    How to make certain text not selectable with CSS [duplicate]

    css ul li nested menu with a padding. How on hoover retain width of the menu?

    Jquery how to change your website background?

    How can I easily copy the whole CSS file from a website?

    How do you disable horizontal scrolling on a webpage?

    How do I take multiple CSS files with the exact same selectors and force one to be used only on a specific div?

    How to use different kind of Google Font types?

    How to add html classes to a Django template 'for-loop' dynamically?

    How to style HTML select option hover and selected option effects

    How can i inherit properties from the css id rule to the css class?

    How to style google cse

    How to force a hover state with jQuery?

    How to change CSS (background-image) from JQuery in Rails?

    How to properly use CSS in GWTP?

    How do I make this nested div to show up on top right corner and make text wrap around it?

    How to resize image automatically on browser width resize but keep same height?

    How to fit in an image inside span tag when onclick?

    How to Implement Resizing in CSS / DOM

    How to add multiple CSS classes to an single array

    How do I center elements on a page using percentage widths?

    How to expand link on hoover? Add “<” “>” symbols around link?

    How or where to add javascript settimeout function to CSS vertical drop down menu

    How do you group similar n-th child selectors? [duplicate]

    How can I make a full width videojs v5 progress bar?

    How do I differentiate between IE versions 6 to 10 using IE CSS Hacks?