CSS :read-only 选择器

实例

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

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

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

亲自试一试

定义和用法

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

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

版本: CSS3

浏览器支持

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

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

选择器
:read-only 36.0 13.0 78.0
3.0 -moz-
9.0 23.0

CSS 语法

:read-only {
  css declarations;
}

相关页面

CSS 选择器::read-write