css - 更改突出显示/选定文本的颜色

Question

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

目前，这就是我处理这个问题的方式：

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

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

Hello
  World

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

Answer 1

的使用span是破坏它的原因。像这样编码它工作正常：

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

它是更好的语义海事组织。