如何使用 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