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