停止网站文字可编辑

Question

我有，我认为这是我长期遇到的最奇怪的问题。

我创建了以下页面

http://www.business-helpline.com/4/

这是一个拼凑在一起并由我编辑的静态html页面。

浏览器中的所有文字都是可编辑的。我只需点击页面并输入我想要的内容即可。好像它在输入字段中。我不是新手，当谈到HTML，所有似乎都对我好。有人能指出我正确的方向。

我尝试了很多设备，他们都在做同样的事情

Answer 1

你有这个规则：

h1, h2, h3, p {
    -webkit-user-modify: read-write;
    word-wrap: break-word;
    -webkit-line-break: after-white-space;
}

罪魁祸首是-webkit-user-modify。根据{{​​3}}（主要指-moz-版本）：

  

计划确定元素的内容   可以由用户编辑。这个属性与   满足属性。提出了类似的以用户为中心的属性   在CSS3 UI规范的前身的早期草稿中，但是   被工作组拒绝。

read-write值表示用户可以读取和写入内容。请注意，这是一项非标准功能，不应在生产网站中使用。