user-modify属性，用来控制用户能否对页面文本进行编辑。与标签的contentEditable属性类似。·
-webkit-user-modify: read-only | read-write | read-write-plaintext-only
| read-only | 内容只读。 |
|---|---|
| read-write | 内容可读写。(支持富文本) |
| read-write-plaintext-only | 内容可读写，但粘贴内容中的富文本格式（如文本的颜色、大小，图片等）会丢失。内容类似于以纯文本显示。 |
CSS代码：
.test {
height: 100px;
padding: 5px;
border: 1px solid #a0b3d6;
overflow: auto;
}
.test:focus {
box-shadow: 5px blue;
}
.read-only {
-webkit-user-modify: read-only;
}
.read-write {
-webkit-user-modify: read-write;;
}
.write-only {
/* 几乎没有浏览器支持 */
user-modify: write-only;
}
.read-write-plaintext-only {
-webkit-user-modify: read-write-plaintext-only;
}
HTML代码：
<strong>read-only</strong>
<p class="test read-only"></p>
<strong>write-only</strong>
<p class="test write-only"></p>
<strong>read-write</strong>
<p class="test read-write"></p>
<strong>read-write-plaintext-only</strong>
<p class="test read-write-plaintext-only"></p>
