Tắt các đường viền màu xám trên neo (<a>) các thành phần trên tiêu điểm

Question

Tôi đang cố gắng làm viền màu xám xấu xuất hiện xung quanh các thẻ neo biến mất. Thuộc tính CSS outline:none; hoạt động cho Firefox, nhưng làm cách nào tôi có thể thực hiện trong IE? Tốt hơn là sử dụng các biểu thức CSS hoặc jQuery. Tôi không lo lắng về khả năng truy cập BTW.

---

Dựa trên đề xuất của bạn tôi thấy những được những giải pháp tốt nhất:

• Các jQuery (đối với IE trình duyệt):

  $('a').focus(function() { 
      $(this).blur(); 
  }); 
  

• Một lựa chọn khác jQuery (đối với trình duyệt IE chỉ):

  $('a').focus(function() { 
      $(this).attr("hideFocus", "hidefocus"); 
  }); 
  

• CSS (cho tất cả các trình duyệt khác mà buộc một phác thảo):

  a { 
      outline: none; 
  } 
  

Lưu ý: Một số trình duyệt như Google Chrome không buộc một phác thảo về tập trung.

Answer 1

Đáng tiếc là tôi nghĩ hideFocus là câu trả lời tốt nhất của bạn như mờ không phải lúc nào cũng thích hợp:

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

http://msdn.microsoft.com/en-us/library/ms533783(VS.85).aspx

Answer 2

Điều này có hiệu quả không?

a 
{ 
    border: 0; 
} 

Answer 3

Có vẻ như bạn đang nói về đường viền chấm chấm xuất hiện khi bạn duyệt qua các liên kết. Bạn có giải pháp đúng cho Firefox (phác thảo: không có trong CSS). Giải pháp tốt nhất mà tôi đã sử dụng cho IE là thêm một người biết lắng nghe onfocus mà loại bỏ tập trung:

<a href="" onfocus="this.hideFocus=true;">link</a> 

Hãy xem tại trang web này cho một ví dụ về cách bạn có thể làm điều đó trên toàn cầu: http://codylindley.com/Javascript/223/hiding-the-browsers-focus-borders-should-i-shouldnt-i

Answer 4

Đối với IE , bạn có thể sử dụng Javascript như thế này:

<a href="..." onfocus="this.blur();">Click Here</a> 

Read more: http://www.htmlgoodies.com/beyond/javascript/article.php/3471171

Đối với Firefox và Safari, outlin e: không có tác phẩm nào.

Read more: http://css-tricks.com/removing-the-dotted-outline/

Answer 5

Trừ khi tôi là thiếu mà rải rác biên giới là đang được thảo luận, phác thảo: không có tác phẩm nào trong Internet Explorer 8 (ít nhất là đối với tôi). Thay vào đó, một số siêu liên kết bất ngờ được hiển thị với đường viền chấm (thuộc tính duy nhất mà tôi nhớ thay đổi là hiển thị: nội tuyến trên phần tử h2 chứa liên kết, sau đó đường viền chấm chấm xuất hiện). Vì vậy, tôi đã ném vào một {outline: none; } trong bảng định kiểu toàn cục và poof của tôi, không còn biên giới trong IE8 nữa!

Answer 6

a {outline:noneIE 8} css có vẻ hoạt động tốt trên Firefox, Chrome và IE 8.

Answer 7

a { 
    outline: 0 none !important; 
    border: none; 
}