更改突出显示/选定文本的颜色答案

【问题标题】：Change the color of highlighted/selected text更改突出显示/选定文本的颜色
【发布时间】：2012-12-27 11:10:41
【问题描述】：

我想更改页面上突出显示文本的颜色。

目前，我是这样处理的：

::selection, ::-moz-selection {
    background-color: #ffffff;
}

不幸的是，如果字符串由换行符分隔，我将无法更改突出显示文本的背景颜色，如下所示：

Hello
  World

可以在我当前的 Web 应用程序项目中找到一个示例：http://term.qt.io 通过执行 CTRL+A（对于大多数浏览器来说是全选）来突出显示所有文本。您会注意到它在某些区域显示为灰色，而在其他区域显示为蓝色。我希望所有突出显示的文本在某些区域都是灰色背景而不是蓝色。

【问题讨论】：

标签： css

【解决方案1】：

span 的使用破坏了它。像这样编码效果很好：

<p class="prompt">Welcome to term.
    <br>
    <br>
    login as: <span class="input blinker">&nbsp;</span>
</p>

IMO 的语义更好。

【讨论】：

如果采用这种方法，如何防止 断行？
我不确定你的意思。 Thisworkstoojsfiddle.net/QxRSx。注意：当我尝试在同一行 CSS 中包含 ::selection 和 ::-moz-selection 时，我在 FF 中遇到了麻烦。 -moz 似乎更喜欢自己的行/声明。