Pseudo-class CSS3 :disabled

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

CSS :disabled Pseudo-class được sử dụng để chọn và đặt樣式 cho bất kỳ yếu tố bị vô hiệu hóa nào (được sử dụng nhiều cho các yếu tố biểu mẫu).

Lưu ý::enabled Pseudo-class được sử dụng để chọn và đặt樣式 cho bất kỳ yếu tố được kích hoạt nào (được sử dụng nhiều cho các yếu tố biểu mẫu).

Thực tế

Ví dụ 1

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

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

Thử ngay

Ví dụ 2

Đặt màu nền cho tất cả các yếu tố <option> bị vô hiệu hóa:

option:disabled {
  background-color: lighgray;
}

Thử ngay

Ngữ pháp CSS

:disabled {
  các biểu thức css;
}

Chi tiết kỹ thuật

Hỗ trợ trình duyệt

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

Trang liên quan

Tham khảo:伪类 :enabled CSS