:read-write CSS Pseudo Class

Description

The :read-write pseudo-class applies to form fields that are editable. The :read-write pseudo class is the opposite of its action :read-only, which applies to fields with the readonly attribute ( read-only ).

Syntax

input:read-write { ... } 

Example

<p>
<input type="text" size="40" value="Entered text can not be changed." readonly>
</p>
<p>
<input type="text" size="40" value="This text is you can change.">
</p>
<p>
<input type="submit" value="Submit">
</p>
input:read-write { 
border: 1px solid green;
}

Browser Support

Desktop
Explorer Edge Chrome Firefox Opera Safari
X1311.5Yes4
Tablets / Mobile
Android Chrome Firefox Opera Safari Samsung
≤37184Yes3.21.0