CSS :in-range พีซูโอลาส

การเขียนและการใช้งาน

CSS :in-range pseudo-class นี้ใช้เพื่อตรวจสอบองค์ประกอบที่มีค่าในขอบเขต

จำเป็นต้องระวัง：:in-range pseudo-class นี้ใช้สำหรับองค์ประกอบ <input> ที่มีคุณสมบัติ min และ/หรือ max

คำเตือน：ใช้ :out-of-range pseudo-class นี้เลือกทุกองค์ประกอบที่มีค่าที่เกินหรือต่ำกว่าขอบเขตที่กำหนด

ตัวอย่าง

เลือกและกำหนดรูปแบบสำหรับช่องว่างในภายในของช่องข้อมูลเมื่อค่าของช่องว่างอยู่ในขอบเขต

input:in-range {
  border: 2px solid green;
  background-color: beige;
}

ลองด้วยตัวเอง

CSS การใช้งาน

:in-range {
  css declarations;
}

รายละเอียดเทคโนโลยี

รุ่น： CSS3

การสนับสนุนโปรแกรมนี้

ตัวเลขในตารางนี้ระบุสูตรรุ่นที่สนับสนุน pseudoclass อย่างเต็มที่แรก

Chrome Edge Firefox Safari Opera
53 13 50 10.1 40

หน้าที่เกี่ยวข้อง

อ้างอิง：CSS :out-of-range โซโมคลาส