有什么方法可以禁用对HTML元素的关注？

Question

我想知道如何实施我在this网站上观察到的功能， 无法选择/突出显示文字 。

浏览器

谷歌浏览器

的的Javascript

是的，我尝试过禁用网站上的所有Javascript，使Wordpress无法使用＃39;插件和任何其他脚本。

的 CSS

我试过通过DevTools Elements

来操作CSS

1. 我添加了样式p:focus { background-color: 'somecolor' }但是在鼠标点击+拖动时，它仍然没有激活聚焦。可以通过激活:focus中的DevTools Elements' force element state来激活聚焦。

2. 我尝试将user-select的值从none改为text，甚至完全禁用user-select属性。

   < / LI>

   HTML

   我试图去除元素＆＃39; HTML属性使它们变得简单<p>...</p>标记

   在Firefox上

   您可以通过启用阅读器视图专注于鼠标点击+拖动！

   问题

   因为我尝试过禁用Javascript，并操纵了CSS和HTML。我已经跑出了隔离区域。有人知道如何实现不可聚焦/不可选择吗？

Answer 1

我认为你正在寻找user-select风格。您可以使用它来禁用可选文本。支持各不相同，但-webkit等覆盖范围非常好。来自w3schools：

.unselectable {
    -webkit-user-select: none; /* Chrome, Opera, Safari */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
}