我目前在一个网站上工作,我想更改文本选择颜色。
我有它的一些工作。这是我的样式表中的代码的一部分:
::selection {
background: #FF0099;
color: black;
text-shadow: none;
}
::-moz-selection {
background: #FF0099;
color: black;
text-shadow: none;
}
它产生了一个最令人满意的结果。然而,在某些情况下,突出显示似乎丢失了其给定的颜色( #FF099),如下图所示:
正如您在上图中看到的,文本完全使用正确的颜色(#FF099)突出显示;但是,正文文本和标题之间以及正文文本左侧的区域使用默认颜色(蓝色)突出显示。如何防止部分高亮显示返回到默认设置?
编辑:可在http://i.imgur.com/NmZIf.png上查看大图
一个片段:
::selection {
background: #FF0099;
color: black;
text-shadow: none;
}
::-moz-selection {
background: #FF0099;
color: #EEE;
text-shadow: none;
}
<p>sample</p>
<br />
<p>sample2</p>
发布于 2012-05-14 15:26:13
我以前在这个问题上徘徊过,结果发现:
::selection (or whatever selection you might use)
不适用于断线标记(br)..删除它们,改为使用页边距。=)这里有一把小提琴要演示:Example
发布于 2014-01-01 17:06:28
试试这个:
<style>
*::selection {
background: #cc0000;
color: #ffffff;
}
*::-moz-selection {
background: #cc0000;
color: #ffffff;
}
*::-webkit-selection {
background: #cc0000;
color: #ffffff;
}
</style>
有关More Detail,请参阅
发布于 2015-10-01 18:40:10
/*** Works on common browsers ***/
::selection {
background-color: #352e7e;
color: #fff;
}
/*** Mozilla based browsers ***/
::-moz-selection {
background-color: #352e7e;
color: #fff;
}
/***For Other Browsers ***/
::-o-selection {
background-color: #352e7e;
color: #fff;
}
::-ms-selection {
background-color: #352e7e;
color: #fff;
}
/*** For Webkit ***/
::-webkit-selection {
background-color: #352e7e;
color: #fff;
}
https://stackoverflow.com/questions/10578073
复制相似问题