Skip to main content
CSS is fun and cool and I like it.
Almanac

:read-write / :read-only

The :read-write and :read-only selectors are two mutability pseudo-classes aiming at making form styling easier based on disabled, readonly and contenteditable HTML Attributes. While the browser support is not that bad, the various implementations are quite wonky.

According to the official CSS Specifications, a :read-write selector will match an element when:

  • it is either an input which has readonly nor disabled attributes.
  • it is a textarea which has neither readonly nor disabled
  • it is any other editable element (thanks
Read article “:read-write / :read-only”