Làm cách nào để xóa "Đường viền chấm" khi nhấp?

Question

Như bạn thấy

Tôi muốn loại bỏ bằng cách nào đó đường chấm sau khi nút đã được ý tưởng clicked.Any như thế nào?

Cảm ơn

GUYS: Đây là tình trạng hiện tại của CSS ansd HTML của tôi nhưng vẫn không sử dụng:

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

Không có gì dường như xảy ra !!

Answer 1

toàn khả thi với HTML thuần túy cũng như:

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

Và với JavaScript bạn có thể làm điều đó trên tất cả liên kết:

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

Hãy thử điều này trên yếu tố của bạn, tôi không bây giờ nếu là một hình ảnh, div, nút, liên kết. Nhưng nó hoạt động

Answer 3

Bạn cần phải tạo kiểu cho <a> như:

a {outline: none} 

Answer 4

sử dụng mã dưới đây

a:active 
    { 
    outline: none; 
    } 

thử cho các trình duyệt khác cũng

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

Answer 5

Mặc dù nhận xét của tôi về bạn câu hỏi,

Bạn nên giữ chúng cho trợ năng.

Bạn có thể tìm your CSS-trick here for this

(Dù sao, bạn nên giữ chúng.)

Answer 6

Nếu bạn muốn giữ lại các phác thảo về hoạt động và trên tập trung, nhưng ẩn nó trên nhấp chuột vào một liên kết, bạn có thể thêm vào css:

A.No-Outline {outline-style: none;}

và sử dụng tập lệnh:

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

bạn phải di chuột để nhấp chuột, do đó, công việc sẽ được thực hiện.