:required

The :required CSS pseudo-class represents any <input> element that has the required attribute set on it. This allows forms to easily indicate which fields must have valid data before the form can be submitted.

/* Selects <input> elements, but only if they */
/* have got required set on them */
input:required {
  border: 1px dashed red;
}

The :optional pseudo-class may be used to provide an appearance for optional form fields.

Syntax

:required

Examples

See :invalid for an example.

Specifications

Browser compatibility

See also

• :optional, :invalid, :valid