MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-survey

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.
Proposed Recommendation Defines the pseudo-class, but not the associated semantics.

Browser compatibility

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support10 Yes410105
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Basic support ?4.4 Yes4105 ?

See also

Document Tags and Contributors

 Last updated by: fscholz,