CSS :read-only 选择器
CSS :read-only 伪类 表示元素不可被用户编辑的状态（如锁定的文本输入框）。
实例
仅当输入元素为“只读”时选择元素并设置样式：
<!DOCTYPE html><html><head><style>input:read-only {background-color: yellow;}</style></head><body><h1>演示 :read-only 选择器</h1><p>普通的 input 元素：<br><input value="hello"></p><p>只读的 input 元素：<br><input readonly="" value="hello"></p><p>:read-only 选择器选取带有 “readonly” 属性的表单元素。</p></body></html>
定义和用法
:read-only 选择器用于选取“只读”的元素。
带 "readonly" 属性的表单元素被定义为“只读”。
| 版本： | CSS3 |
|---|
浏览器支持
表格中的数字注明了完全支持该选择器的首个浏览器版本。
后面跟 -moz- 的数字指示使用前缀的首个版本。
| 选择器 | |||||
|---|---|---|---|---|---|
| :read-only | 36.0 | 13.0 | 78.03.0 -moz- | 9.0 | 23.0 |
CSS 语法
:read-only {css declarations;}
相关页面
CSS 选择器：:read-write