改变用户选择颜色

Question

我讨厌浏览并最终意外地在网页上选择文字或元素;一切都变成蓝色！所以目前，我在页面的某些部分使用此类，用户可能会错误地选择这些内容：

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

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

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

感谢。

Answer 1

您可以使用::selection CSS属性。

一切：

::selection { background: transparent; }

或仅p个标签，例如：

p::selection { background: transparent; }

这是an example。