← Back to pseudo-classes
CSS Pseudo-class / Element
:required
FormSelects form elements that have the required attribute set.
Syntax
input:required { }Example
input:required { border-color: #3dffa0; }Common use cases
- Visually marking required fields
- Styling mandatory inputs differently
- Improving form accessibility
Practical developer insight
Pair :required with :invalid and :valid to give users clearer visual feedback while filling out forms.