如何使HTML文本不可选择

10 浏览
0 Comments

如何使HTML文本不可选择

这个问题已经有答案了：

如何禁用文本选择高亮显示

我想在我的网页上添加文本标签并使其无法被选择。

换句话说，当鼠标光标在文本上方时，我希望它根本不会变成文本选择光标。

一个很好的例子是这个网站上的按钮（Questions、Tags、Users等）。

admin 更改状态以发布 2023年5月24日
0

2 答案

0 Comments

这里没有人发布出所有正确的CSS变体的答案，所以在这里附上：

.not-selectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


Not-selectable text

0
0 Comments

你无法只使用普通的 HTML 实现这种功能，因此 JSF 在这方面也不能为你做太多事情。

如果你只面向良好的浏览器，那么就利用 CSS3：

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

如果你想兼容旧版本的浏览器，那么可以考虑以下 JavaScript 回退方法：



    
        SO question 2310734

如果你已经在使用jQuery，那么以下是新增了一个 disableSelection() 函数的代码示例，你可以在 jQuery 代码中的任意位置使用它：



    
        SO question 2310734 with jQuery

0