ウェブサイトのテキストを編集できないようにします

Question

私は長い間遭遇した最も奇妙な問題であると考えています。

私はこれは私が一緒に石畳や編集した静的なHTMLページで、次のページに

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

を作成しました。

ブラウザのすべてのテキストは編集可能です。私はちょうどそのページをクリックして、私が望むものを入力することができます。入力フィールドにあるかのように。私は初心者ではありません。誰かが私を正しい方向に向けることができますか？

私は、デバイスの数を試してみましたが、それらはすべて同じ

Answer 1

をしているあなたは、このルールを持っている：

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

犯人は-webkit-user-modifyです。 MDN（-moz-バージョンを主として指す）によれば：

それは元素 のコンテンツがユーザによって編集可能であるか否かを決定するために計画されました。このプロパティは、 contenteditable属性に関連しています。同様のプロパティユーザフォーカスがCSS3 UI仕様の前身の初期ドラフトで で提案されましたが、ワーキンググループによって拒否されたのは でした。

read-writeという値は、ユーザーがコンテンツを読み書きできることを意味します。これは標準ではない機能なので、本番Webサイトでは使用しないでください。