cách tránh đường chấm chấm xung quanh hộp kiểm, khi người dùng nhấp chuột?

Question

Tôi cần tránh việc tạo đường chấm chấm xung quanh hộp kiểm, khi người dùng nhấp vào hộp kiểm trong IE.

Xem cách nó xuất hiện khi người dùng nhấp,

Làm thế nào để loại bỏ các đường chấm chấm xung quanh hộp kiểm tra sử dụng css?

Answer 1

Đặt outline tài sản để 0:

input { 
    outline: 0; 
} 

Nó có thể không làm việc trong IE9 (như ghi nhận bởi Chris Coiyer). Bạn có thể phải sử dụng thẻ meta này:

<meta http-equiv="X-UA-Compatible" content="IE=9" /> 

Answer 2

Đó gọi là một phác thảo, hãy thử sử dụng outline: 0;

Answer 3

Hãy thử điều này

input[type='checkbox'] { 
    outline:0; 
} 

Answer 4

Sử dụng một quy tắc toàn cầu này làm việc trên bất kỳ yếu tố trong đó có một tập trung

*:focus { 
outline: none; 
}