打印本文   关闭窗口

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

作者：陈鹏  文章来源：eNet  点击数  更新时间：2009/9/12 8:47:35  文章录入：陈鹏  责任编辑：陈鹏

最近在访问一个网站的时候，我注意到，当其文字被选中时它有一个匹配他的网站的背景色，这个背景色通常是深蓝色。现在，如果您的网站不使用任何蓝色为文字背景，看上去会不会有点不合适？ 　　当寻找如何实现这一点的解决办法后，我感到惊喜，这竟然非常容易。只需添加以下的CSS到您的网页： 　　::selection{background: #A8141B; color: white; /* Safari */} 　　::-moz-selection{background: #A8141B; color: white; /* Firefox */ } 　　正如你所看到的，这只能在Firefox和Safari中有效。这可能看起来没有什么，但它是一个微妙的效果，可以为您的网站增加一些视觉吸引力！

打印本文   关闭窗口