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>

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

注意：我正在为我的textarea使用openWYSIWYG编辑器，我也尝试将透明div放在顶部，但结果相同。

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

Answer 1

禁用表单元素的正确方法是在JavaScript的帮助下设置它的disabled="disabled"标志。这种方法效果很好。

您可以不为div元素添加此属性，但您可以通过将所选文本的颜色设置为与{{1的背景相同的颜色 - 来模拟已禁用元素的行为使用CSS代码，如

div

其中::selection { background: #xxxxxx; } ::-moz-selection { background: #xxxxxx; }是div元素的#xxxxxx。

Answer 2

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

以下是一些更多信息：“css-tricks.com: User-Select”

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

禁用div内容错误

2 个答案: