cách xóa dòng chấm xung quanh phần tử được nhấp trong html

Tôi nhận thấy rằng nếu có một aliên kết trong trang không liên kết đến một trang mới, thì khi người dùng nhấp vào nó, sẽ có một đường chấm xung quanh phần tử, nó chỉ biến mất khi người dùng nhấp vào bất kỳ thứ gì khác trong trang, làm thế nào để loại bỏ điều này?

Thí dụ:

Lưu ý đường chấm xung quanh phần tử Section 2.

Sử dụng outline:noneđể neo lớp thẻ

Giống như @Lo Juego đã nói, hãy đọc bài báo

a, a:active, a:focus {
   outline: none;
}

a {
    outline: 0;
  }

Nhưng hãy đọc điều này trước khi thay đổi nó:

remove-the-dotted-outline

Hãy thử với !importanttrong css.

a {
  outline:none !important;
}
// it is `very important` that there is `no` `outline` for the `anchor` tag.  Thanks!

Để loại bỏ tất cả các đường viền mờ, bao gồm cả những đường viền trong bootstrapchủ đề.

a, a:active, a:focus, 
button, button:focus, button:active, 
.btn, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus {
    outline: none;
    outline: 0;
}

input::-moz-focus-inner {
    border: 0;
}

Lưu ý: Bạn nên thêm liên kết href cho bootstrap css trước css chính để bootstrap không ghi đè kiểu của bạn.

Việc xóa outlinesẽ làm tổn hại đến khả năng truy cập của một trang web. Vì vậy, tôi chỉ để nó ở đó nhưng ẩn nó đi.

a {
   outline: transparent;
}

Trong trường hợp của tôi, đó là một nút, và rõ ràng, với các nút, đây chỉ là một vấn đề trong Firefox. Giải pháp được tìm thấy ở đây :

button::-moz-focus-inner {
  border: 0;
}

Hãy thử đơn giản mã bên dưới của nó -

a{
outline: medium none !important;
}

Nếu vui vẻ cổ vũ! ngày tốt