Pseudo-class optional

Pseudo-class optional thiết lập kiểu dáng cho input không có thuộc tính required, tức là pseudo-class này áp dụng cho các input không bắt buộc.

Cú pháp

cssbộ chọn:optional {

}

Ví dụ

Hãy đặt nền màu xám cho input không bắt buộc:

html<form>
  <p>
    <label>Nhập số</label>
    <input type="number" required>
  </p>
  <p>
    <label>Nhập văn bản</label>
    <input type="text">
  </p>
</form>

cssinput:optional {
  background-color: #D8DFE8;
}

Результат:

Xem thêm