Tránh nền màu xám trên IE 10 neo/liên kết

Question

Làm cách nào để tránh nền xám khó chịu mà IE 10 áp dụng cho neo khi bạn nhấp vào chúng?

Answer 1

Có thực sự là một sửa chữa CSS rất dễ dàng. IE 10 thay đổi background-color các thẻ neo khi chúng ở trạng thái :active. Để ngăn điều đó xảy ra hoặc thay đổi màu, bạn có thể sử dụng quy tắc CSS bên dưới.

a:active{ 
    background-color: transparent; /* Can be any colour, not just transparent */ 
} 

Live Demo: http://jsfiddle.net/tw16/NtjK7/

Trên một mặt lưu ý, đó là đáng nói đến là khi phong cách liên kết bạn cần đảm bảo rằng bạn viết các quy tắc theo đúng thứ tự để đảm bảo rằng phong cách trước đó không bị ghi đè :

a:link{} /* 1st */ 
a:visited{} /* 2nd */ 
a:hover{} /* 3rd */ 
a:active{} /* 4th */ 

Answer 2

tôi đã không thể tìm thấy nhiều thông tin nhưng tôi đã tìm thấy một sửa chữa:

Gói nội dung của neo trong một span

Working Solution

Nếu bạn không muốn thay đổi mọi neo trong HTML của bạn, bạn có thể sử dụng tập lệnh như sau:

$("a:not(.dont-use-span)").each(function() { 
    $(this).html("<span>" + $(this).html() + "</span>"); 
}); 

Working solution

Lưu ý: chỉ cần thêm lớp dont-use-span đến neo mà bạn không muốn thay đổi

Answer 3

Tôi thấy thực tế là: tiêu điểm đã thêm nền màu xám.

này làm việc cho tôi:

a:focus { 
    background-color: transparent; 
} 

Answer 4

Sau nhiều thử nghiệm unfructuous, tôi cuối cùng đã làm cho nó làm việc với điều này:

a    {color:#fff; background-color:#f77927 !important;} 
    a:hover   {color:#fff; background-color:#e65e06 !important;} 
    a.active  {color:#fff; background-color:#e65e06 !important;} 
    a.focus   {color:#fff; background-color:#e65e06 !important;} 

See in action