Pseudo-class CSS :indeterminate

Định nghĩa và cách sử dụng

CSS :indeterminate Pseudo-class được sử dụng để chọn bất kỳ yếu tố biểu mẫu ở trạng thái không xác định nào.

Pseudo-class này chỉ có thể được sử dụng cho các yếu tố sau:

  • Các yếu tố <input type="checkbox">. Phải sử dụng JavaScript để đặt thuộc tính indeterminate thành true
  • Các yếu tố <input type="radio">, khi tất cả các nút radio có cùng giá trị name trong biểu mẫu chưa được chọn
  • Các yếu tố <progress> ở trạng thái không xác định

Mô hình

Thêm bóng đỏ cho các yếu tố biểu mẫu không xác định:

input:indeterminate {
  box-shadow: 0 0 5px 3px red;
}

Thử ngay

Ngữ pháp CSS

:indeterminate {
  các tuyên bố css;
}

Chi tiết kỹ thuật

Phiên bản: CSS3

Hỗ trợ trình duyệt

Số liệu trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ pseudo-class.

Chrome Edge Firefox Safari Opera
39 79 51 10 26