CSS :ป้อนอัตโนมัติ

องค์ประกอบ input HTML ที่ป้อนอัตโนมัติเป็นการกระทำของผู้ใช้บ่อยครั้งที่สามารถปรับปรุงประสบการณ์ของผู้ใช้ได้อย่างมาก แย่จัง เราทุกคนกรอกรหัสผ่านและข้อมูลที่อยู่ของเราโดยอัตโนมัติ แต่เราจะควบคุมอะไรได้บ้างเมื่อองค์ประกอบ input ได้รับการป้อนอัตโนมัติ

ในการเพิ่มสไตล์ CSS ที่กำหนดเองให้กับอินพุตที่เนื้อหาได้รับการป้อนอัตโนมัติโดยเบราว์เซอร์ คุณสามารถใช้ :autofill pseudo-class:

  
อินพุต: ป้อนอัตโนมัติ {  
    เส้นขอบ: สีส้มทึบ 2px;  
}  

ฉันดีใจมากที่เบราว์เซอร์อนุญาตให้นักพัฒนาไซต์และแอปปรับแต่งสไตล์ขององค์ประกอบที่เบราว์เซอร์เปลี่ยน การป้อนอัตโนมัติในระดับหนึ่งเป็นการกระทำที่ผิดธรรมชาติ ดังนั้นการส่งสัญญาณว่าค่าใน input มีการเปลี่ยนแปลงโดยไม่มีการควบคุมจึงเป็นเรื่องสำคัญ

เนื่องจากเบราว์เซอร์และระบบปฏิบัติการต่างๆ ในบางครั้งกำหนดรูปแบบองค์ประกอบที่ป้อนอัตโนมัติแตกต่างกัน :autofill จึงเป็นประโยชน์อย่างมาก!

โพสต์ CSS :autofill ปรากฏครั้งแรกใน บล็อกของ David Walsh

ใส่ความเห็น

อีเมลของคุณจะไม่แสดงให้คนอื่นเห็น