CSS :read-only Pseudo-class

Definition and Usage

CSS :read-only Pseudo-classes are used to select 'read-only' elements.

Form elements with the readonly attribute are defined as 'read-only'.

Example

Select and set the style for any 'read-only' input element:

input:read-only {
  background-color: lightgray;
  border: 0;
}

Try It Yourself

CSS Syntax

:read-only {
  css declarations;
}

Technical Details

Version: CSS3

Browser Support

The numbers in the table specify the first browser version to fully support the pseudo-class.

Chrome Edge Firefox Safari Opera
1 13 78 4 9

Related Pages

Reference:CSS :read-write pseudo-class