: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

Last updated by CSSPortal on: 25th November 2019