:required

The :required CSS pseudo-class represents any <input>, <select>, or <textarea> element that has the required attribute set on it.

/* Selects any required <input> */
input:required {
  border: 1px dashed red;
}

This pseudo-class is useful for highlighting fields that must have valid data before a form can be submitted.

Syntax

:required

Examples

See :invalid for an example.

Specifications

Browser compatibility

See also

• Other validation-related pseudo-classes: :optional, :invalid, :valid
• Form data validation