CSS bug双击更改文本图像和标题背景以及字体颜色

Question

我不希望我的html标签在双击时会改变颜色和背景，如图所示＆＃34;问题＆＃34;当我点击它时，它的颜色变为白色，背景变为蓝色。我怎么能解决这个问题？

Answer 1

您所指的是css ::selection属性。颜色并没有真正改变，这是一种帮助用户选择和复制文本的本机浏览器行为。你可以摆脱它，但你必须明白，你将打破一个非常重要的可用性模式。人们期望选择工作，即使它是风格化的，它应该在那里。

我强烈建议您不要禁用此行为，但如果您真的必须自定义它以适合您的设计。

p::selection {
    color: red; 
    background: yellow;
}

div::selection {
    color: green; 
    background: blue;
}

<p>Questions that may already have your answer</p>

<div>Another option of text highlight</div>

Answer 2

这是您浏览器的默认选择行为。如果您想完全禁用选择，可以在元素上使用user-select: none;。