有没有办法使DIV无法选择？

Question

这是一个有趣的CSS问题！我有一个带有透明背景的文本区域，上面覆盖着一些我想用作水印的文本。文本很大，并占据了大部分文本区域。看起来不错，问题是当用户单击文本区域时，有时会选择水印文本。我希望水印文本永远不可选择。我期待z索引中的某个值较低，这将是无法选择的，但浏览器在选择项目时似乎并不关心z索引层。有没有技巧或方法可以使该DIV永远不可选择？

Answer 1

我写了一个简单的jQuery扩展以在一段时间前禁用选择：在jQuery中禁用选择。您可以通过以下方式调用它$('.button').disableSelection();

或者，使用CSS（跨浏览器）：

.button {

        user-select: none;

        -moz-user-select: none;

        -khtml-user-select: none;

        -webkit-user-select: none;

        -o-user-select: none;

}