Bạn từng thắc mắc tại sao بعض trình duyệt thêm background màu vàng xấu xí cho autofill input fields trên một số website? Tôi không nói được tại sao chúng làm vậy, nhưng tôi sẽ nói cách loại bỏ "sự flane" này, nhanh chóng.
Đảm bảo không có trẻ em mặt trước khi bạn tiếp tục.
Tại sao đây là "vấn đề"? Có thể không phải, nếu vì lý do gì đó color palette design của bạn hợp với màu vàng... nhầy.
Thông tin thêm: đây là vấn đề cụ thể Webkit (Chrome, Safari và nhiều trình duyệt khác). FireFox dùng background màu trắng.
CSS sau sẽ thêm background màu trắng cho autofill input fields trên trình duyệt Webkit:
input:-webkit-autofill { -webkit-box-shadow: inset 0 0 0px 9999px white; }Lưu ý: bạn當然 nên dùng màu nào trên inputs phù hợp với brand/color palette. Tôi không gợi ý nó phải là trắng.
Sự flane đã bị chinh phục. Design của bạn vừa sạch sẽ hơn một chút.