pseudo-class :out-of-range ของ CSS

การกำหนดและการใช้งาน

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

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

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

ตัวอย่าง

เลือกและกำหนดรูปแบบสำหรับช่องข้อมูลเมื่อค่าของช่องข้อมูลเกินขอบเขตที่กำหนดเท่านั้น:

input:out-of-range {
  border: 2px solid red;
  background-color: pink;
}

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

CSS ระบบทางภาษา

:out-of-range {
  การประกาศ css;
}

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

เวอร์ชั่น: CSS3

การสนับสนุนบราวเซอร์

ตัวเลขในตารางบ่งชี้เวอร์ชั่นบราวเซอร์แรกที่สนับสนุน pseudo-class อย่างเต็มที่。

Chrome Edge Firefox Safari Opera
53 13 50 10.1 40

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

อ้างอิง:CSS :in-range โซ่ลับ