CSS :read-write 选择器

CSS :read-write 伪类 代表一个元素(例如可输入文本的 input元素)可以被用户编辑。


实例

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

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <style>
  5. input:read-write {
  6. background-color: yellow;
  7. }
  8. </style>
  9. </head>
  10. <body>
  11. <h2>演示 :read-write 选择器</h2>
  12. <p>普通的 input 元素:<br><input value="hello"></p>
  13. <p>只读的 input 元素:<br><input readonly="" value="hello"></p>
  14. <p>:read-write 选择器选取不带 “readonly” 属性的表单元素。</p>
  15. </body>
  16. </html>

定义和用法

:read-write 选择器用于选取可读且可写的表单元素。

未设置 "readonly" 和 "disabled" 属性的表单元素被定义为可读和可写。

版本:CSS3

浏览器支持

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

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

选择器
:read-write36.013.078.03.0 -moz-9.023.0

CSS 语法

  1. :read-write {
  2. css declarations;
  3. }

相关页面

CSS 选择器::read-only

分类导航