:read-only

Summary

The :read-only CSS pseudo-class matches when an element is not writable by the user.

Example

input:-moz-read-only { background: #eee; }
input:read-only { background: #eee; }

Specifications

Specification Status Comment
WHATWG HTML Living Standard
The definition of ':read-only' in that specification.
Living Standard No change.
HTML5
The definition of ':read-only' in that specification.
Recommendation Defines the semantic regarding HTML and constraint validation.
Selectors Level 4
The definition of ':read-only' in that specification.
Working Draft Defines the pseudo-class, but not the associated semantic.

Browser compatibility

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support (Yes) (Yes)-mozbug 312971 Nightly build [1] ? (Yes)
Editable element (except to text input fields) No support (Yes)-mozbug 312971 No support No support No support
Feature Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support ? ? (Yes)-mozbug 312971 ? ? ?
Editable element (except to text input fields) No support No support (Yes)-mozbug 312971 No support No support No support

[1]: MS Edge platform status: Windows Insider Preview Build 10547+

See also

Document Tags and Contributors

 Contributors to this page: cvrebert, MusikAnimal, Sebastianz
 Last updated by: cvrebert,