CSS : Bộ chọn hợp lệ
Thí dụ
Chỉ chọn và tạo kiểu nếu giá trị của phần tử <input> là hợp lệ:
input:valid
{
background-color: yellow;
}
Định nghĩa và Cách sử dụng
Bộ :valid
chọn chọn các phần tử biểu mẫu có giá trị xác thực theo cài đặt của phần tử.
Lưu ý: Bộ chọn hợp lệ chỉ hoạt động cho các phần tử biểu mẫu có giới hạn, chẳng hạn như phần tử đầu vào có thuộc tính tối thiểu và tối đa, trường email có email hợp pháp hoặc trường số có giá trị số, v.v.
Mẹo: Sử dụng : bộ chọn không hợp lệ để chọn các phần tử biểu mẫu có giá trị không xác thực theo cài đặt của phần tử.
Phiên bản: | CSS3 |
---|
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ bộ chọn.
Selector | |||||
---|---|---|---|---|---|
:valid | 10.0 | 10.0 | 4.0 | 5.0 | 10.0 |
Cú pháp CSS
:valid {
css declarations;
}
Các trang liên quan
Bộ chọn CSS : không hợp lệ