Javascript 模糊文本在鼠标高亮显示时显示为干净

我正在使用文本阴影模糊容器文本，代码如下：

.blur样式{
颜色：透明；
文本阴影：0 0 15px rgb（128128）；
}

---

这是模糊的文本。

我认为最好的办法是阻止选择特定的文本。这两种方法都不能真正阻止有动机的用户直接从DOM获取文本

.blur样式{
颜色：透明；
文本阴影：0 0 15px rgb（128128）；
用户选择：无；
}

---

这是模糊文本。

将此属性：：选择选择器添加到css中。:：selection选择器与用户选择的元素部分相匹配

只有少数CSS属性可以应用于：：选择选择器：颜色、背景、光标和轮廓

.blur样式{
颜色：透明；
文本阴影：0 0 15px rgb（128128）；
}
.blur样式：：选择{
颜色：透明；
文本阴影：0 0 15px rgb（128128）；
}

---

这是模糊文本。

复制代码并添加：：选择伪样式。
添加以下内容：

.blur-style::selection {
color: transparent;
text-shadow: 0 0 15px rgb(128,128,128);
}

---

谢谢@Chase。我的页面上有一个按钮，可以切换模糊状态。因此，当模糊状态关闭时，用户可以复制文本。这是有道理的，这种样式只会在同时应用模糊时应用。哦！我的错。你说得对。但我只是添加了属性，它似乎不起作用！这很奇怪。Stange fix：由于容器的contenteditable=true，如果设置了user select属性，则在模糊时将其切换为false将禁用选择。