: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

• Desktop
• Mobile

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

• :read-write
• HTML contenteditable attribute