如果想让网站风格更加统一,有时候你会苦恼于浏览器默认的选中文字的蓝色背景,有时候真的与网站风格不相匹配,所以需要利用CSS来更改并统一显示效果。

在 Windows 中,Internet Explorer 与 Microsoft Edge,或者 Google Chrome等浏览器,都只是默认的蓝色选中背景。

而在 macOS 中,情况能好一些,因为用户可以自定义高亮显示颜色,但这也仅仅在本机上,无法对于所有用户统一的体验。

所以,就要在CSS文件中添加以下代码:(用 #FF9 演示)

::selection {
background:#FF9;  //更改颜色
color:#F00;
}
::-moz-selection {
background:#FF9;  //更改颜色
color:#F00;
}
::-webkit-selection {
background:#FF9;  //更改颜色
color:#F00;
}

选中效果:

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

Next Post

录制Windows内部声音

周二 7月 18 , 2017
我们在不经意间听到了自己想要的一段儿音乐;或者再看 […]