Bộ chọn :valid trong CSS

1) Bộ chọn :valid trong CSS

- Bộ chọn :valid thường được dùng để chọn các phần tử <input> mà giá trị của nó là hợp lệ.

- Gợi ý: Để chọn các phần tử <input> mà giá trị của nó là không hợp lệ thì sử dụng bộ chọn :invalid

2) Cách sử dụng bộ chọn :valid trong CSS

- Để sử dụng bộ chọn :valid, ta dùng cú pháp như sau:

:valid{
    các khai báo định dạng CSS
}

3) Một số ví dụ

:valid{
    background-color:pink;
}

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