更改突出显示/所选文本的颜色

时间:2012-12-27 11:10:41

标签: css

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

目前,这就是我接近这个的方式:

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

不幸的是,我遇到了一些问题,如果字符串被换行符分隔,我无法更改突出显示文本的背景颜色,如下所示:

Hello
  World

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

enter image description here

1 个答案:

答案 0 :(得分:1)

使用span正在打破它。像这样编码工作正常:

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

这是更好的语义IMO。