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ụ

:invalid{
    background-color:pink;
}

input[type="number"]:invalid{
    background-color:pink;
}