The :optional
CSS pseudo-class represents any <input>
, <select>
, or <textarea>
element that does not have the required
attribute set on it.
/* Selects any optional <input> */ input:optional { border: 1px dashed black; }
This pseudo-class is useful for styling fields that are not required to submit a form.
Note: The :required
pseudo-class selects required form fields.
Syntax
:optional
Examples
See :invalid
for an example.
Specifications
Specification | Status | Comment |
---|---|---|
HTML Living Standard The definition of ':optional' in that specification. |
Living Standard | No change. |
HTML5 The definition of ':optional' in that specification. |
Recommendation | Defines the semantics of HTML and constraint validation. |
Selectors Level 4 The definition of ':optional' in that specification. |
Working Draft | No change. |
CSS Basic User Interface Module Level 3 The definition of ':optional' in that specification. |
Candidate Recommendation | Defines the pseudo-class, but not the associated semantics. |
Browser compatibility
Feature | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|---|
Basic support | 10.0 | (Yes) | 4.0 (2) | 10 | 10.0 | 5.0 |
Feature | Android | Edge | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|---|
Basic support | 4.4 | (Yes) | 4.0 (2) | No support | 10.0 | 5.0 |
See also
- Other validation-related pseudo-classes:
:required
,:invalid
,:valid
- Form data validation
Document Tags and Contributors
Tags:
Contributors to this page:
mfluehr,
chrisdavidmills,
cPhost,
erikadoyle,
MichaelTheriot,
Sebastianz,
fscholz,
MusikAnimal,
kscarfone,
Sheppy,
teoli,
FredB,
McGurk,
berkerpeksag,
nimbupani
Last updated by:
mfluehr,