Pseudo-class :default của CSS

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

CSS :default Pseudo-class được sử dụng để chọn phần tử biểu mẫu mặc định trong nhóm các phần tử liên quan.

Pseudo-class này có thể được sử dụng cho các phần tử <button>、<input type="checkbox">、<input type="radio"> và <option>.

Mô hình

Ví dụ 1

Thêm hiệu ứng bóng đỏ mặc định cho các phần tử đầu vào:

input:default {
  box-shadow: 0 0 2px 2px đỏ;
}

Thử ngay

Ví dụ 2

Cài đặt các phong cách mặc định khác nhau cho nút chọn, hộp kiểm và tùy chọn:

input[type=radio]:default {
  box-shadow: 0 0 5px 3px xanh;
}
input[type=checkbox]:default {
  box-shadow: 0 0 5px 3px đỏ;
}
option:default {
  color: xanh;
  background-color: hồng;
}

Thử ngay

Ngữ pháp CSS

:default {
  các quy định css;
}

Chi tiết kỹ thuật

Hỗ trợ trình duyệt

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