如果想让网站风格更加统一,有时候你会苦恼于浏览器默认的选中文字的蓝色背景,有时候真的与网站风格不相匹配,所以需要利用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; }
选中效果: