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>

在我看来，这是更好的语义。