css - 禁用 div 内容错误

Question

我可以使用这个禁用我的 div 的内容

<div style='-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
' onselectstart='return false;'>

我的div里面有两个内容，第一个是

<input>

另一个是

<textarea>

当我拖动鼠标时，两者都不能被选中。但是当我右键单击+全选时。我可以选择文本框的内容，但不能选择输入框。

注意:我正在为我的文本区域使用一个 openWYSIWYG 编辑器，我也尝试将透明 div 放在顶部但得到了相同的结果。

问题是，我怎样才能完全禁用选择？

Answer 1

CSS user-select 属性没有标准行为。因此，在 Safari 中，“全选”选项或仅选择周围元素仍会选择中间的内容 - 正如您所体验的那样。

这里有更多信息:“css-tricks.com: User-Select”

请注意，此 CSS 不会阻止用户查看页面源并从那里复制内容。正如 Chris 所说，更重要的是不要意外选择内容。