Bộ chọn :checked trong CSS
1) Bộ chọn :checked trong CSS
- Bộ chọn :checked dùng để chọn tất cả các phần tử được thiết lập thuộc tính checked.
- Lưu ý: Chỉ có phần tử <input> kiểu radio và checkbox mới có thể được thiết lập thuộc tính checked.
2) Cách sử dụng bộ chọn :checked trong CSS
- Để sử dụng bộ chọn :checked, ta dùng cú pháp như sau:
:checked{
các khai báo định dạng CSS
}
3) Một số ví dụ
Ví dụ:
- Chỉnh chiều rộng 50px và chiều cao 50px cho các phần tử <input> được thiết lập thuộc tính checked
input:checked{
width:30px;
height:30px;
}
Xem ví dụ
Ví dụ:
- Chỉnh chiều rộng 50px và chiều cao 50px cho các phần tử <input> có kiểu radio được thiết lập thuộc tính checked
input[type="radio"]:checked{
width:30px;
height:30px;
}
Xem ví dụ