html - 使用 CSS 更改文本选择颜色？

Question

我目前正在网站上工作，我想更改文本选择颜色。

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

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

Answer 1

我之前也曾思考过这个问题，结果是:

::selection (or whatever selection you might use)

不适用于断线标记 (br).. 删除它们并改用边距。 =) 这里有一个 fiddle 来演示:Example