0

我可以使用这个禁用我的 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 放在顶部，但得到了相同的结果。

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

4

2 回答 2

0

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

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

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

于 2012-08-09T08:46:53.230 回答
0

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

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

::selection {
background: #xxxxxx;
}
::-moz-selection {
background: #xxxxxx;
}

哪里#xxxxxx是background-colordiv 元素。

于 2012-08-09T08:39:42.583 回答