CSS :ตัวเลือก ไม่ถูกต้อง
ตัวอย่าง
เลือกและจัดรูปแบบเฉพาะเมื่อค่าขององค์ประกอบ <input> ไม่ถูกต้อง:
input:invalid
{
border: 2px solid red;
}
ความหมายและการใช้งาน
ตัว:invalid
เลือกจะเลือกองค์ประกอบของแบบฟอร์มที่มีค่าที่ไม่ผ่านการตรวจสอบตามการตั้งค่าขององค์ประกอบ
หมายเหตุ:ตัวเลือก :invalid ใช้ได้เฉพาะกับองค์ประกอบของแบบฟอร์มที่มีข้อจำกัด เช่น องค์ประกอบอินพุตที่มีแอตทริบิวต์ต่ำสุดและสูงสุด ช่องอีเมลที่ไม่มีอีเมลทางกฎหมาย หรือช่องตัวเลขที่ไม่มีค่าตัวเลข เป็นต้น
เคล็ดลับ:ใช้ ตัวเลือก :validเพื่อเลือกองค์ประกอบของแบบฟอร์มที่มีค่าที่ตรวจสอบความถูกต้องตามการตั้งค่าขององค์ประกอบ
รุ่น: | CSS3 |
---|
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่สนับสนุนตัวเลือกอย่างสมบูรณ์
Selector | |||||
---|---|---|---|---|---|
:invalid | 10.0 | 10.0 | 4.0 | 5.0 | 10.0 |
ไวยากรณ์ CSS
:invalid {
css declarations;
}
หน้าที่เกี่ยวข้อง
ตัวเลือก CSS :valid