WEB 教程
实践 示例
HTML 参考手册
CSS 参考手册
PHP 参考手册

如何使用 CSS 更改浏览器中的默认文本选择颜色

主题:HTML / CSS上一页|下一页

答案:使用 CSS ::selection 伪元素

默认情况下,大多数浏览器以蓝色背景突出显示选定的文本。 但是,您可以使用 CSS ::selection 伪元素 覆盖此设置。

目前浏览器仅支持 ::selection 伪元素(如 color, background-colortext-shadow)的一小部分 CSS 属性。 让我们看一个例子:

::selection {
    color: #fff;
    background: #dda0dd;
    text-shadow: 1px 1px 2px #b040b0;
}
/* For Mozilla Firefox */
::-moz-selection {
    color: #fff;
    background: #dda0dd;
    text-shadow: 1px 1px 2px #b040b0;
}

注意: ::selection 伪元素中的 CSS text-shadow 在 Internet Explorer 中不受支持; 仅在 Chrome、Safari 和 Firefox 17+ 中受支持。


FAQ 相关问题解答

以下是与此主题相关的更多常见问题解答:

Advertisements