The :read-write CSS pseudo-class represents an element (such as a text input) that is editable by the user.

/* Selects any <input> element that is editable */
/* Supported in Firefox with a prefix */
input:-moz-read-write {
  background-color: #bbf;
}

/* Supported in Blink/WebKit/Edge without a prefix */
input:read-write {
  background-color: #bbf;
}

Note: This selector doesn't just select text <input>s; it will select any element that can be edited by the user, such as a <p> element with contenteditable set on it.

Syntax

:read-write

Example

HTML

<input type="text" value="Type whatever you want here.">
<input type="text" value="This is a read-only field." readonly>
<p>This is a normal paragraph.</p>
<p contenteditable="true">You can edit this paragraph!</p>

CSS

input { min-width: 25em; }
input:-moz-read-write { background: cyan; }
input:read-write { background: cyan; }

p:-moz-read-write { background: lightgray; }
p:read-write { background: lightgray; }
p[contenteditable="true"] { color: blue; }

Result

Specifications

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

Browser compatibility

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support Yes Yes Yes -moz- 1 No Yes Yes
Matches editable elements that are neither <input> elements nor <textarea> elements No No Yes No No No
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Basic support ? Yes Yes Yes -moz- 1 ? ? ?
Matches editable elements that are neither <input> elements nor <textarea> elements No No No Yes No No ?

1. See bug 312971 for unprefixed status.

See also

Document Tags and Contributors

 Last updated by: fscholz,