CSS : Bộ chọn không hợp lệ
Thí dụ
Chỉ chọn và tạo kiểu nếu giá trị của phần tử <input> không hợp lệ:
input:invalid
{
border: 2px solid red;
}
Định nghĩa và Cách sử dụng
Bộ :invalid
chọn 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ử.
Lưu ý: Bộ chọn: không 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 không có email hợp pháp hoặc trường số không có giá trị số, v.v.
Mẹo: Sử dụng : công cụ chọn hợp lệ để 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ử.
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 | |||||
---|---|---|---|---|---|
:invalid | 10.0 | 10.0 | 4.0 | 5.0 | 10.0 |
Cú pháp CSS
:invalid {
css declarations;
}
Các trang liên quan
Bộ chọn CSS : hợp lệ