如何在JavaScript中正确禁用higlight on HTML元素？

我有一个包含文本的元素，在文本之间有

span

元素。当我突出显示包含

span

元素的文本部分时，它会显示这些元素文本。 我寻找了一个解决方案，发现了以下css值，这些值应该禁用highlight，从外观上看，它确实禁用了，但在代码中这些值仍然存在

-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
 -khtml-user-select: none; /* Konqueror HTML */
   -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
     -o-user-select: none;
        user-select: none; /* Non-prefixed version, currently
                              supported by Chrome, Edge, Opera and Firefox */

在代码中，我得到了如下突出显示的文本

window.getSelection（）.toString（）

我找不到任何其他方法来禁用高亮显示，也不明白为什么这些css值不起作用。

---

我做错了什么？还有什么其他方法可以禁用高亮显示？

您可以尝试使用画布来呈现文本。您是否在许多元素上使用此方法？检查此@AdamAzad您可以写一个答案吗？@AlaaKaddour是的，这似乎适用于firefox。我在所有浏览器上都需要这个