: đã bật - Thủ thuật CSS

Lớp :enabledgiả trong CSS chọn các phần tử có thể lấy tiêu điểm không bị tắt và do đó được bật. Nó chỉ được gắn liền với các yếu tố hình thức ( , , ). Các phần tử được bật bao gồm những phần tử mà bạn có thể chọn, bạn có thể nhập dữ liệu vào hoặc bạn có thể tập trung vào hoặc nhấp vào.

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:enabled + label ( color: #333; font-style: italic; )

Văn bản nhãn sẽ có màu xám đậm và nghiêng nếu hộp kiểm được bật, nghĩa là người dùng có thể bật và tắt nó.

Về lý thuyết, :enabledphải khớp với một , hoặc với href các thuộc tính, nhưng các trình duyệt dường như không xử lý được tình huống đó. Bạn có thể tạo kiểu , , , , và s mà không phải là người tàn tật. Khi được hỗ trợ, chúng tôi cũng có thể nhắm mục tiêu và

đó là những đứa con của , nếu không muốn nói là tàn tật.

Bạn cũng sẽ nghĩ rằng các phần tử có contenteditable và tabindex thuộc tính sẽ có thể chọn được với lớp :enabled giả. Thông số kỹ thuật không nêu rõ điều này, cũng như các trình duyệt không hỗ trợ nó.