Valid / Invalid

The :valid and :invalid pseudo-classes are applied to controls when they are made valid or invalid by instance data model item properties such as 'type'.

The CSS rules to style controls that valid or invalid are:

.pc-valid {
    
}

and

.pc-invalid {
    border   :   1px solid red;
}