この記事はまだボランティアによって 日本語 に翻訳されていません。ぜひ MDN に参加して翻訳を手伝ってください!
この記事を English (US) で読むこともできます。

Summary

The :read-only CSS pseudo-class matches when an element is not writable by the user.

Syntax

:read-only { style properties }

Example

CSS

input:-moz-read-only { background: #eee; }
input:read-only { background: #eee; }

HTML

<input type="text" value="A read-only field" readonly />
<p contenteditable="true">Try TO editing this paragraph.</p>
<p>Good luck for that one !</p>

RESULT

Specifications

Specification Status Comment
WHATWG HTML Living Standard
The definition of ':read-only' in that specification.
Living Standard No change.
HTML5
The definition of ':read-only' in that specification.
Recommendation Defines the semantic regarding HTML and constraint validation.
Selectors Level 4
The definition of ':read-only' in that specification.
Working Draft Defines the pseudo-class, but not the associated semantic.

Browser compatibility

Feature Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari
Basic support (Yes) (Yes) (Yes)-mozbug 312971 Nightly build [1] (Yes) (Yes)
Editable element (except to text input fields) No support No support (Yes)-mozbug 312971 No support No support No support
Feature Android Chrome for Android Edge Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support ? (Yes) (Yes) (Yes)-mozbug 312971 ? ? ?
Editable element (except to text input fields) No support No support No support (Yes)-mozbug 312971 No support No support No support

[1]: MS Edge platform status: Windows Insider Preview Build 10547+

See also

ドキュメントのタグと貢献者

 このページの貢献者: Norihiori, erikadoyle, Sebastianz, Seyedi, cvrebert, MusikAnimal
 最終更新者: Norihiori,