css防止内容被复制

自己网站上辛勤劳动的原创内容，不想被复制，可以用CSS来实现。

本文的目的：了解如何使用用户输入的 CSS 属性禁用文本选择。

默认情况下，浏览器允许我们使用键盘在浏览器中选择文本，例如在 Mac 上按 cmd-A 或使用鼠标。

如何禁用它，使您的网站无法被复制？

可以使用 user-select: none; 获得。

需要不同的浏览器前缀：

-webkit-touch-callout: none;
  -webkit-user-select: none;
   -khtml-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

如果你想在某些地区当选，可以使用 user-select:none;在 body 元素上并在可选区域添加：

user-select: text;

其实这个技术只能阻止不懂HTML的人选择，但无法阻止懂属性的用户。

与此类似，可以禁止IOS用户保存图片，解决IOS长按simg不保存的问题。