CSS改变选择网页文字背景色

前端  /  管理员 发布于 7年前   290

最近在访问一个网站的时候，我注意到，当其文字被选中时它有一个匹配他的网站的背景色，这个背景色通常是深蓝色。现在，如果您的网站不使用任何蓝色为文字背景，看上去会不会有点不合适？
最近在访问一个网站的时候，我注意到，当其文字被选中时它有一个匹配他的网站的背景色，这个背景色通常是深蓝色。现在，如果您的网站不使用任何蓝色为文字背景，看上去会不会有点不合适？
当寻找如何实现这一点的解决办法后，我感到惊喜，这竟然非常容易。只需添加以下的CSS到您的网页：

::selection{background: #A8141B; color: white; /* Safari */}::-moz-selection{background: #A8141B; color: white; /* Firefox */ }
正如你所看到的，这只能在Firefox和Safari中有效。这可能看起来没有什么，但它是一个微妙的效果，可以为您的网站增加一些视觉吸引力！