클릭 할 때 "점선 테두리"를 제거하는 방법은 무엇입니까?

Question

당신은 내가 어떻게 든 버튼이 어떻게 clicked.Any 아이디어 된 후 점선을 제거 할

을 볼 수 있듯이?

감사

GUYS : 이것은 내 CSS ANSD HTML의 현재 상태지만 여전히 사용은 다음과 같습니다

.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> 

아무것도 일어나고있는 것 같다!

Answer 1

가능한 찾을 수 있습니다 링크 :

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; } 

이미지를 div, button, link라고 입력하면됩니다. 그러나

Answer 3

당신은 스타일을 가지고 작동 <a>처럼 : 내 의견에도 불구하고 또한

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

Answer 4

당신의 질문,

접근성을 유지해야합니다.

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

그리고 자바 스크립트와 모든 해당 작업을 수행 할 수 있습니다

당신은뿐만 아니라 순수 HTML과 your CSS-trick here for this

(. 어쨌든, 당신이 그들을 유지해야)

Answer 5

다른 브라우저에 아래의 코드를

a:active 
    { 
    outline: none; 
    } 

시도를 사용

a {outline: none} 

Answer 6

A.No - 개요 : 당신이 활성에 초점에 윤곽을 유지하지만 링크를 클릭 그것을 숨기려면, 당신은 CSS에 추가 할 수 있습니다 {개요 스타일 : 없음;}

및 스크립트를 사용하십시오 :

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

당신은 befor 클릭해야합니다, 그래서 일을합니다.