CSS : Bộ chọn đã kiểm tra
Thí dụ
Đặt chiều cao và chiều rộng cho tất cả các phần tử <input> đã kiểm tra:
input:checked {
height: 50px;
width: 50px;
}
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Bộ :checked
chọn khớp với mọi phần tử <input> đã chọn (chỉ dành cho các nút radio và hộp kiểm) và phần tử <option>.
Phiên bản: | CSS3 |
---|
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ bộ chọn.
Selector | |||||
---|---|---|---|---|---|
:checked | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |
Cú pháp CSS
:checked {
css declarations;
}
Các ví dụ khác
Thí dụ
Đặt chiều cao và chiều rộng cho tất cả các phần tử <option> đã chọn:
option:checked {
height: 100px;
width: 100px;
}
Các trang liên quan
Tham chiếu bộ chọn CSS: CSS: bộ chọn bị vô hiệu hóa
Tham chiếu bộ chọn CSS: CSS: bộ chọn đã bật