CSS :optional โปรไซโมล

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

CSS :optional โปรไซโมลใช้เลือกและกำหนดรูปแบบสำหรับแบบฟอร์มที่สามารถเลือกได้ (เฉพาะ CSS) <input>、<select> และ <textarea>)

ตัวเล่องฟอร์มที่ไม่มีคุณสมบัติ required ถูกกำหนดเป็นตัวเลือก

คำเตือน:ใช้ :required โปรไซโมลเลือกแบบฟอร์มที่จำเป็นต้องกรอกข้อมูล

ตัวอย่าง

เลือกและกำหนดรูปแบบสำหรับ <input> ที่ไม่มีคุณสมบัติ required และตั้งรูปแบบสำหรับ <input> ที่มีคุณสมบัติ required:

input:optional {
  background-color: lightgreen;
}
input:required {
  background-color: pink;
  border-color: red;
}

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

CSS ภาษา

:optional {
  การประกาศ css;
}

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

เวอร์ชัน: CSS3

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

ตัวเลขในตารางหมายถึงเวอร์ชันบราวเซอร์แรกที่สนับสนุนโปรไซโมลนี้อย่างเต็มที่。

Chrome Edge Firefox Safari Opera
10 10 4 5 10

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

อ้างอิง:CSS :required โปรไซโมล