html - 更改用户选择颜色

Question

当我浏览并最终意外选择网页上的文本或元素时，我讨厌它；一切都变蓝了！所以目前，我在页面的某些部分使用这个类，用户可能会错误地选择一些东西：

.NoSelect{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;}

这很好用，但问题是我最终得到了很多具有此类的 div。

有没有办法改变所选文本和所选元素的颜色并使其透明？

谢谢。

Answer 1

您可以使用::selectionCSS 属性。

一切：

::selection { background: transparent; }

或者只是p标签，例如：

p::selection { background: transparent; }

这是一个例子。