thể trùng lặp:
How to remove border around text/input boxes? (Chrome)Vô hiệu hóa Webkit Input Form Shadow
Có cách nào để vô hiệu hóa cái bóng màu được tạo ra bởi các trình duyệt Webkit khi một yếu tố hình thức nhận tập trung? Nó có màu vàng trong Chrome và màu xanh trong Safari và đang cản trở mọi kiểu tập trung tùy chỉnh mà tôi cố gắng triển khai.
Hãy thử điều này:
input:focus {
outline: none;
}
Đã hoạt động hoàn hảo. Cảm ơn! – derekerdmann
Tuyệt vời, hoạt động như một sự quyến rũ. – Foxinni
Bạn có thể thử outline: none nhưng xin lưu ý rằng đây thường là không thực sự hấp dẫn vì những lý do khả năng sử dụng. Luôn giữ Jakob Nielsen's "Luật về trải nghiệm người dùng web" trong tâm trí:
Người dùng dành phần lớn thời gian của họ trên các trang web khác.
Điều này có nghĩa là chúng tạo thành mong đợi cho trang web của bạn dựa trên những gì thường được thực hiện trên hầu hết các trang web khác. Nếu bạn đi chệch, trang web của bạn sẽ khó sử dụng hơn và người dùng sẽ rời đi.
Nó được gọi là khung hoặc đường viền chứ không phải bóng. – SLaks