เคยสงสัยไหมว่าทำไมบางเบราว์เซอร์เพิ่มสีพื้นหลังสีเหลืองน่ากลัวบน autofill input fields? ผมบอกเหตุผลไม่ได้ แต่บอกวิธีลบให้หนีได้เร็ว
ตรวจสอบว่าไม่มีเด็กๆ อยู่ข้างเคียงก่อนอ่านต่อ
ทำไมเป็น "ปัญหา"? อาจไม่ใช่ถ้า design color palette เหมาะกับสีเหลืองน่ารังเกียจ
เรื่องนี้เป็น Webkit-specific (Chrome, Safari และหลายเบราว์เซอร์) Firefox ใช้สีขาว
CSS ต่อไปเพิ่ม white background ให้ autofill input fields ใน Webkit browsers:
input:-webkit-autofill { -webkit-box-shadow: inset 0 0 0px 9999px white; }หมายเหตุ: ใช้สีไหนก็ได้ที่เข้ากับ brand/color palette ไม่บังคับต้องเป็นขาว
บ้าส์ครับ ลงเอยแล้ว Design สะอาดขึ้นนิดหน่อย
