Pseudo-class :enabled CSS

Định nghĩa và cách sử dụng

CSS :enabled Pseudo-class được sử dụng để chọn và thiết lập phong cách cho bất kỳ phần tử được kích hoạt nào (được sử dụng nhiều nhất cho các phần tử biểu mẫu).

Lưu ý::disabled Pseudo-class được sử dụng để chọn và thiết lập phong cách cho bất kỳ phần tử bị vô hiệu hóa nào (được sử dụng nhiều nhất cho các phần tử biểu mẫu).

Mô hình

Đặt màu nền xám nhạt cho tất cả các phần tử <input> bị vô hiệu hóa và màu nền vàng cho tất cả các phần tử <input> được kích hoạt:

input:disabled {
background-color: lightgray;
}
input:enabled {
background-color: yellow;
}

Thử ngay

Ngữ pháp CSS

:enabled {
  các quy định css;
}

Chi tiết kỹ thuật

Phiên bản: CSS3

Hỗ trợ trình duyệt

Bảng số trong phần này chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ hoàn toàn pseudo-class.

Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 3.2 9.6

Trang liên quan

Tham khảo:Định dạng ảo :disabled CSS