Bạn có thắc mắc tại sao một số trình duyệt lại thêm màu nền vàng gớm ghiếc vào các trường nhập liệu tự động điền trên một số trang web không? Tôi không thể cho bạn biết lý do tại sao họ làm điều đó, nhưng tôi sẽ cho bạn biết cách loại bỏ sự báng bổ này một cách nhanh chóng.
Đảm bảo rằng không có trẻ em nào có mặt trước khi bạn tiếp tục.
Tại sao điều này là một vấn đề"? Chà, có thể là không, nếu vì lý do gì đó mà bảng màu thiết kế của bạn phù hợp với màu vàng đậm.
Nhân tiện, đây là một sự cố cụ thể của Webkit (Chrome, Safari và nhiều trình duyệt khác). FireFox sử dụng màu nền trắng.
Mã CSS sau sẽ thêm màu nền trắng vào các trường nhập tự động điền trong trình duyệt Webkit:
input:-webkit-autofill {
-webkit-box-shadow: inset 0 0 0px 9999px white;
}Lưu ý:tất nhiên bạn nên sử dụng bất kỳ màu nào trên đầu vào phù hợp với thương hiệu / bảng màu của bạn. Tôi không gợi ý rằng nó nên có màu trắng.
Báng bổ đã bị chinh phục. Thiết kế của bạn đã gọn gàng hơn một chút.