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