:read-write

跳转到：
  1. 语法
  2. 示例
  3. 规范
  4. 浏览器兼容性
  5. 参阅

这篇翻译不完整。请帮忙从英语翻译这篇文章。

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

/* 选择所有可编辑的 <input> 元素 */
/* Firefox 中需要加前缀 */
input:-moz-read-write {
  background-color: #bbf;
}

/* Supported in Blink/WebKit/Edge without a prefix */
input:read-write {
  background-color: #bbf;
}

注意：这个选择器不仅仅选择 <input> 元素，它也会选择所有可以被用户编辑的元素，例如设置了 contenteditable 属性的  <p> 元素。

语法

:read-write

示例

HTML

<input type="text" value="Type whatever you want here.">
<input type="text" value="This is a read-only field." readonly>
<p>This is a normal paragraph.</p>
<p contenteditable="true">You can edit this paragraph!</p>

CSS

input { min-width: 25em; }
input:-moz-read-write { background: cyan; }
input:read-write { background: cyan; }

p:-moz-read-write { background: lightgray; }
p:read-write { background: lightgray; }
p[contenteditable="true"] { color: blue; }

输出

规范

规范 状态 备注
HTML Living Standard
:read-write		 Living Standard No change.
HTML5
:read-write		 Recommendation Defines the semantics regarding HTML and constraint validation.
Selectors Level 4
:read-write		 Working Draft Defines the pseudo-class, but not the associated semantics.

浏览器兼容性

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support Yes Yes Yes -moz- 1 No Yes Yes
Matches editable elements that are neither <input> elements nor <textarea> elements No No Yes No No No
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Basic support ? Yes Yes Yes -moz- 1 ? ? Yes
Matches editable elements that are neither <input> elements nor <textarea> elements No No No Yes No No No

1. See bug 312971 for unprefixed status.

参阅

文档标签和贡献者

此页面的贡献者： maoyumaoxun
最后编辑者: maoyumaoxun,