:read-write
A selector that matches elements that ARE editable by the user. This includes normal text inputs, textareas, or elements with 'contenteditable' turned on.
Syntax
/* Usage Example */
input:read-write {
/* Adds a subtle ';editable' glow to fields that the user can actually type in */
border-bottom: 2px solid var(--accent);
}:read-write Browser support
Widely available
Since
2020 96% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2020.
1+
78+
4+
13+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more