Bộ chọn :invalid trong CSS
1) Bộ chọn :invalid trong CSS
- Bộ chọn :invalid thường được dùng để chọn các phần tử <input> mà giá trị của nó là không hợp lệ.
- Gợi ý: Để chọn các phần tử <input> mà giá trị của nó là hợp lệ thì sử dụng bộ chọn :valid
2) Cách sử dụng bộ chọn :invalid trong CSS
- Để sử dụng bộ chọn :invalid, ta dùng cú pháp như sau:
:invalid{
các khai báo định dạng CSS
}
3) Một số ví dụ
Ví dụ:
- Thiết lập nền màu hồng cho các phần tử <input> mà giá trị của nó là không hợp lệ
:invalid{
background-color:pink;
}
Xem ví dụ
Ví dụ:
- Thiết lập nền màu hồng cho các phần tử <input> có kiểu number và giá trị của nó không hợp lệ
input[type="number"]:invalid{
background-color:pink;
}
Xem ví dụ