¿Cómo eliminar el "Borde punteado" al hacer clic?

Question

Como se puede ver

Quiero eliminar de alguna manera las líneas de puntos después de que el botón ha sido Ideas clicked.Any cómo?

Gracias

CHICOS: Este es el estado actual de mi CSS ansd HTML, pero todavía no hay USO:

.myButton input { 
position:absolute; 
display:block; 
top: 5%; 
left:87%; 
height: 44px; 
border:none; 
cursor:pointer; 
width: 43px; 
font: bold 13px sans-serif;; 
color:#333; 
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; 
color:#fff; 
outline: 0; 
} 

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

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

Nada parece estar sucediendo !!

Answer 1

posible con HTML puro, así:

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

Y con JavaScript que puede hacer que en todo enlaces:

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

Answer 2

#myElement { outline: 0; } 

Pruebe esto en su elemento, ahora no si es una imagen, div, botón, enlace. Pero funciona

Answer 3

Tiene el estilo de la <a> como:

a {outline: none} 

Answer 4

usar el siguiente código

a:active 
    { 
    outline: none; 
    } 

intento para otros navegadores también

a:focus 
{ 
-moz-outline-style: none; 
} 
a:focus { outline:none } 

Answer 5

A pesar de mi comentario sobre su pregunta,

Debe mantenerlos para accesibilidad.

puede encontrar your CSS-trick here for this

(De todos modos, usted debe mantenerlos.)

Answer 6

Si desea mantener el esquema en activo y el foco, pero ocultarlo al hacer clic en un enlace, se puede añadir en css:

A.No-Esquema-{estilo de esquema: none;}

y guión de uso:

$('A').hover(function() { 
    $(this).addClass('No-Outline'); 
},function() { 
    $(this).removeClass('No-Outline'); 
}); 

debe estar al pasar el ratón por hacer clic, por lo que hace el trabajo.