Web Cơ Bản

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ụ