CSS :read-only 选择器

实例

仅当输入元素为“只读”时选择元素并设置样式：

input:-moz-read-only { /* For Firefox */
  background-color: yellow;
}

input:read-only { 
  background-color: yellow;
}

试一试

定义和用法

:read-only 选择器用于选取“只读”的元素。

带 "readonly" 属性的表单元素被定义为“只读”。

浏览器支持

表格中的数字注明了完全支持该选择器的首个浏览器版本。

后面跟 -moz- 的数字指示使用前缀的首个版本。

CSS 语法

:read-only {
  css declarations;
}

相关页面

CSS 选择器：:read-write