CSS :ตัวเลือก ในช่วง
ตัวอย่าง
เลือกและจัดรูปแบบเฉพาะเมื่อค่าขององค์ประกอบ <input> เป็น "in range":
input:in-range
{
border: 2px solid yellow;
}
ความหมายและการใช้งาน
ตัว:in-range
เลือกจะเลือกองค์ประกอบทั้งหมดที่มีค่าที่อยู่ภายในช่วงที่ระบุ
หมายเหตุ:ตัวเลือก :in-range ใช้ได้กับองค์ประกอบอินพุตที่มีแอตทริบิวต์ min และ/หรือ max เท่านั้น!
เคล็ดลับ:ใช้ตัวเลือก:out-of-range เพื่อเลือกองค์ประกอบทั้งหมดที่มีค่าที่อยู่นอกช่วงที่ระบุ
รุ่น: | CSS3 |
---|
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่สนับสนุนตัวเลือกอย่างสมบูรณ์
Selector | |||||
---|---|---|---|---|---|
:in-range | 53.0 | 13.0* | 50.0 | 10.1 | 40.0 |
*ใน Edge คุณสมบัติ :in-range เลือกองค์ประกอบอินพุตที่ไม่ถูกต้องโดยไม่มีแอตทริบิวต์ min/max
ไวยากรณ์ CSS
:in-range {
css declarations;
}
หน้าที่เกี่ยวข้อง
ตัวเลือก CSS :นอกช่วง