CSS :read-only选择器

• 

  定义和用法

  :read-only选择器选择其是“只读”的元素。具有“readonly”属性的表单元素被定义为“只读”。

  特征	说明
  CSS版本	CSS3

• 

  浏览器支持

  表中的数字指定了完全支持该属性的第一个浏览器版本。数字后跟-ms-， -webkit-，-moz-或-o-指定使用前缀的第一个版本。

  选择器	IE/Edge	Chrome	FireFox	Safari	Opera
  选择器名称
  :read-only	13.0	36.0	3.0 -moz-	9.0	23.0

• 

  CSS语法

  :read-only {
    css declarations;
  }
  

• 

  实例

  仅当input元素为“readonly”时才选择并设置样式：

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

  尝试一下
• 

  相关页面

  CSS教程：CSS伪类