Xóa đường viền "màu xanh" đã chọn trên các nút

Question

Tôi có một số nút sử dụng <button>, khi nhấp vào có được màu xanh được chọn!

Có cách nào để xóa tính năng này không?

Answer 1

Đó là hành vi mặc định của từng trình duyệt; trình duyệt của bạn có vẻ là Safari, trong Google Chrome, nó có màu cam!

Sử dụng này để loại bỏ hiệu ứng này:

button { 
    outline: none; // this one 
} 

Answer 2

Bạn có thể loại bỏ các phác thảo màu xanh bằng cách sử dụng outline: none.

Tuy nhiên, tôi đặc biệt khuyên bạn nên tạo kiểu cho các trạng thái lấy nét của mình. Điều này nhằm giúp người dùng khiếm thị.

Kiểm tra: http://www.w3.org/TR/2008/REC-WCAG20-20081211/#navigation-mechanisms-focus-visible. Đọc thêm tại đây: http://outlinenone.com

Answer 3

Bạn có thể loại bỏ điều này bằng cách thêm vào!

button{ 
outline: none !important; 
}