CSS - :read-only

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

Example

 

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

Syntax  

CSS
:read-only <a href="css/value_definition_syntax#curly_braces_(.7b_.7d)" title="Curly braces">{</a> <var>style properties</var> <a href="css/value_definition_syntax#curly_braces_(.7b_.7d)" title="Curly braces">}</a>

Description  

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

Browser Compatibility  

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support (Yes) (Yes)-mozbug 312971 Nightly build [1] (Yes) (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) (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  

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.

License

© 2016 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-us/docs/web/css/:read-only

CSS CSS Pseudo-class Layout Reference Web