如何使用 CSS 更改浏览器中的默认文本选择颜色
主题:HTML / CSS上一页|下一页
答案:使用 CSS ::selection 伪元素
默认情况下,大多数浏览器以蓝色背景突出显示选定的文本。 但是,您可以使用 CSS ::selection 伪元素 覆盖此设置。
目前浏览器仅支持 ::selection 伪元素(如 color, background-color 和 text-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
