CSS :valid พฤติกรรม

การระบุและการใช้งาน

CSS :valid pseudo-class ใช้ตั้งรูปแบบสำหรับสมบัติฟอร์มที่มีค่าถูกต้อง。

คำแนะนำ：ใช้ :invalid ตัวเลือกเซ็ตรูปแบบสำหรับสมบัติฟอร์มที่ผิด

ตัวอย่าง

เลือกและตั้งรูปแบบสำหรับ <input> ที่มีค่าถูกต้อง:

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

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

CSS ภาษา

:valid {
  css declarations;
}

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

เวอร์ชั่น： CSS4

การสนับสนุนโปรแกรมนำทาง

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

Chrome Edge Firefox Safari Opera
10 12 4 5 10

เพจที่เกี่ยวข้อง

อ้างอิง:CSS :invalid โซ่