User Modify让你的文本可编辑

CSS3中的user-select属性可以控制用户能不能选择页面中的文本，今天给大家介强一个user-modify属性，用来控制用户能否对页面文本进行编辑：

/*只能读*/
.read-only {
  -webkit-user-modify:read-only;
  -moz-user-modify:read-only;
  user-modify:read-only;
}
/*可读可写*/
.read-write {
  -webkit-user-modify: read-write;
  -moz-user-modify: read-write;
  user-modify: read-write;
}
/*只可写*/
.write-only {
  -webkit-user-modify: write-only;
  -moz-user-modify: write-only;
  user-modify: write-only;
}