: đã kiểm tra - Thủ thuật CSS

Lớp :checkedgiả trong CSS chọn các phần tử khi chúng ở trạng thái đã chọn. Nó chỉ được liên kết với các phần tử input ( ) của loại radio và hộp kiểm. Bộ :checkedchọn lớp giả khớp với các loại đầu vào vô tuyến và hộp kiểm khi được chọn hoặc chuyển sang trạng thái bật. Nếu chúng không được chọn hoặc được chọn, sẽ không có kết quả phù hợp.

Vì vậy, khi một hộp kiểm được chọn và bạn đang nhắm mục tiêu nhãn ngay sau nó:

input(type=checkbox) + label ( color: #ccc; font-style: italic; ) input(type=checkbox):checked + label ( color: #f00; font-style: normal; )

Văn bản nhãn sẽ chuyển từ phông chữ nghiêng màu xám sang phông chữ bình thường màu đỏ.

 CSS is Awesome

CSS thật tuyệt vời

Trên đây là một ví dụ về việc sử dụng lớp :checkedgiả để làm cho các biểu mẫu dễ tiếp cận hơn. Lớp :checkedgiả có thể được sử dụng với các đầu vào ẩn và nhãn hiển thị của chúng để xây dựng các vật dụng tương tác, chẳng hạn như phòng trưng bày hình ảnh.