:read-only and :read-write

The :read-only and :read-write CSS pseudo-classes match elements that are read-only or read-write, respectively. For example, :read-only matches <input> and <textarea> elements with the readonly attribute.

Baseline Status: Achieved Widely Available on Jan 28, 2023 (Cross-browser Newly Available since Jul 28, 2020).

Desktop Browser Engine Support

Google Chrome

1

Supported

Mozilla Firefox

78

Supported

Apple Safari

4

Supported

Microsoft Edge

13

Supported

Mobile Browser Engine Support

Chrome Android

18

Firefox Android

79

Safari iOS

3.2

Specifications and References

Specification ↗ Specification ↗ Can I Use (css-read-only-write) ↗ Feature XML ↗

MDN Browser Compat Data Keys:

css.selectors.read-only ↗ css.selectors.read-write ↗