พิวโดคลาส out-of-range
พิวโดคลาส out-of-range กำหนดสไตล์
ให้กับองค์ประกอบที่มีค่าไม่อยู่ใน
ช่วงที่ระบุ ช่วงของค่าต้องถูกกำหนด
ด้วยแอตทริบิวต์ min
และ max
ไวยากรณ์
ตัวเลือก:out-of-range {
}
ตัวอย่าง
มากำหนดสีพื้นหลังฟ้าให้กับอินพุตที่
ป้อนตัวเลขที่อยู่ในช่วง
ตั้งแต่ 1 ถึง 5 และตั้งค่าพื้นหลังสีชมพูเมื่อ
ค่าที่ป้อนไม่อยู่ในขีดจำกัดที่
เลือก:
<form>
<p>ป้อนตัวเลขตั้งแต่ 1 ถึง 5</p>
<p>
<input type="number" min="1" max="5" value="1">
</p>
</form>
input:in-range {
background: #C2DDFD;
}
input:out-of-range {
background: #E37D76;
}
:
