クリックして「点線」を削除するには？

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、ボタン、リンクがあれば、私は今はしません。

a {outline: none} 

Answer 3

の作品質問、

アクセシビリティのために保管してください。

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

とJavaScriptを使用すると、すべてのことを行うことができます。

あなたにも、純粋なHTMLとyour CSS-trick here for this

（。とにかく、あなたがそれらを維持する必要があります）

Answer 4

あなたに私のコメントにもかかわらず、また

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

Answer 5

以下のコード

a:active 
    { 
    outline: none; 
    } 

他のブラウザのための試みを使用します。しかし、それはあなたが好き<a>のスタイルを持っている

Answer 6

あなたがアクティブにし、焦点にアウトラインを続けるが、リンクをクリックの上、それを非表示にする場合、あなたはCSSに追加することができます。

A.No-概要{アウトラインスタイル：なし;}

とスクリプトを使用してください：

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

あなたはクリックする必要がありますので、それは仕事をします。