选择/突出显示不同颜色的文本

Question

如何更改突出显示/选择文本的颜色？默认为蓝色。

例如，如果您突出显示/选择此网站上的文本，则它是蓝色的。但在 css-tricks.com 上，如果文本突出显示/选中，则它是橙色桃子。

Answer 1

::selection {
background: #ffb7b7; /* Safari */
}
::-moz-selection {
background: #ffb7b7; /* Firefox */
}

正如这里所解释的：

http:// css-tricks.com/overriding-the-default-text-selection-color-with-css/

Answer 2

这是一个仅 CSS3 的功能，到目前为止只有 Firefox 和 Safari 实现了（据我所知）。

::selection {
    background: #ffb7b7; /* Safari */
}
::-moz-selection {
    background: #ffb7b7; /* Firefox */
}

Answer 3

使用 JS，您可以检查选择的位置。然后将其删除并将所选文本部分的 css 背景颜色更改为橙​​色;-)

Answer 4

你为什么不阅读有关该主题的 css-tricks 文章：:-)

http://css-tricks.com/overriding-the-default-text-selection-color-with-css/

Answer 5

::selection {
    background: red;
}

::-moz-selection {
    background: red;
}

::-webkit-selection {
    background: red;
}

webkit 选择修复了 Opera 问题:)