: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.
Quick 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.
Safe to use without fallbacks.
1+
78+
4+
13+