Giả lớp required

Giả lớp required quy định kiểu cho input có thuộc tính required, tức là giả lớp này áp dụng cho các input bắt buộc phải điền.

Cú pháp

cssbộ chọn:required {}

Ví dụ

Hãy đặt nền màu xanh lam cho input bắt buộc phải điền:

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:required {
  background-color: #C2DDFD;
}

Результат:

Xem thêm

  • giả lớp :optional,
    quy định kiểu cho input không có thuộc tính required
  • giả lớp :default,
    quy định kiểu cho các phần tử mặc định
  • giả lớp :indeterminate,
    quy định kiểu cho các công tắc đang ở trạng thái không xác định
  • giả lớp :read-only,
    quy định kiểu cho các input không thể thay đổi
  • giả lớp :read-write,
    quy định kiểu cho các input có thể thay đổi