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