首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >使用CSS更改文本选择颜色?

使用CSS更改文本选择颜色?
EN

Stack Overflow用户
提问于 2012-05-14 13:55:40
回答 5查看 29.3K关注 0票数 34

我目前在一个网站上工作,我想更改文本选择颜色。

我有它的一些工作。这是我的样式表中的代码的一部分:

::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>

EN

回答 5

Stack Overflow用户

发布于 2012-05-14 15:26:13

我以前在这个问题上徘徊过,结果发现:

::selection (or whatever selection you might use)

不适用于断线标记(br)..删除它们,改为使用页边距。=)这里有一把小提琴要演示:Example

票数 12
EN

Stack Overflow用户

发布于 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,请参阅

票数 9
EN

Stack Overflow用户

发布于 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;
}
票数 7
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10578073

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档