:required
A selector that matches any <input>, <select>, or <textarea> element that has the 'required' attribute set. It's often used to show a red asterisk or border on mandatory fields.
Quick example
input:required {
/* Marks the field as mandatory with a red outline */
border-left: 4px solid red;
}
input:required::after {
content: ' *';
color: red;
}:required Browser Support
Widely available Since 2015 96% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2015.
Safe to use without fallbacks.
10+
4+
5+
12+