Đường viền màu xanh xung quanh bản đồ hình ảnh trong Internet Explorer 9

Question

Tôi gặp vấn đề sau - Tôi đang sử dụng bản đồ hình ảnh trên trang web. Trong Internet Explorer 9 (IE8 là tốt), khi tôi bấm vào liên kết (thẻ khu vực), có xuất hiện một đường viền màu xanh xung quanh nó. Làm thế nào để thoát khỏi nó? Tôi đã thử:

map, map area { 
border:none !important; 
} 
img, a img, a:link img, a:visited img { 
border:none !important; 
} 

Nhưng không hiệu quả. Có ai có vấn đề này? Vui lòng xem trang web - http://www.naturalnie.test.dih.pl/. Bản đồ hình ảnh dưới logo, nơi liên kết nói: "Trang chủ, Kosmetyki, Lekarstwa, Żywność i suplementy, O Naturalnie.net".

EDIT:

Tôi đã tìm ra giải pháp. mã sau hoạt động:

a, img {outline:none;} 
map > area, 
map > area:active, 
map > area:focus {outline: none; border:0; } 

Answer 1

Tôi không thực sự chắc chắn, nhưng cố gắng thiết lập trong html các <img border="0" />

Answer 2

Tại sao không chỉ

a,img { border: none; } 

Answer 3

Vì bạn nói rằng biên giới xuất hiện sau khi nhấp vào liên kết, điều đó nghe với tôi giống như một "tập trung" giáp biên giới.

Hãy thử a:focus {border:0 none;}

Answer 4

Giải pháp này sẽ gây ra xung đột với những hình ảnh mà đôi khi cả hai liên kết và nội dung cũng có biên giới. Tuy nhiên, nếu liên kết hình ảnh của bạn không có biên giới hiện có, cần làm việc để giúp bạn thoát khỏi những phác thảo trong IE với ảnh hưởng đến bất cứ điều gì khác:

a img {border: none; } 

Chỉ cần thêm nó vào bậc thầy phong cách css tờ của bạn ... nó cố định vấn đề của tôi hoàn hảo.

Answer 5

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

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