您现在的位置是：网站首页> 编程资料编程资料
CSS改变选择网页文字背景色_CSS教程_CSS_网页制作_
2021-09-09
921人已围观
简介 网页制作Webjx文章简介：最近在访问一个网站的时候，我注意到，当其文字被选中时它有一个匹配他的网站的背景色，这个背景色通常是深蓝色。现在，如果您的网站不使用任何蓝色为文字背景，看上去会不会有点不合适？ 最近在访问一
最近在访问一个网站的时候，我注意到，当其文字被选中时它有一个匹配他的网站的背景色，这个背景色通常是深蓝色。现在，如果您的网站不使用任何蓝色为文字背景，看上去会不会有点不合适？
最近在访问一个网站的时候，我注意到，当其文字被选中时它有一个匹配他的网站的背景色，这个背景色通常是深蓝色。现在，如果您的网站不使用任何蓝色为文字背景，看上去会不会有点不合适？
当寻找如何实现这一点的解决办法后，我感到惊喜，这竟然非常容易。只需添加以下的CSS到您的网页：
::selection{background: #A8141B; color: white; /* Safari */} ::-moz-selection{background: #A8141B; color: white; /* Firefox */ }
正如你所看到的，这只能在Firefox和Safari中有效。这可能看起来没有什么，但它是一个微妙的效果，可以为您的网站增加一些视觉吸引力！
相关内容
- CSS3教程(9):设置RGB颜色_css3_CSS_网页制作_
- IE和Firefox浏览器CSS网页布局不同点_CSS布局实例_CSS_网页制作_
- 认识浏览器：Internet Explorer_CSS教程_CSS_网页制作_
- 掌握盒模型轻松DIV CSS网页布局_CSS布局实例_CSS_网页制作_
- 学CSS网页布局排查错误的方法_CSS布局实例_CSS_网页制作_
- 实例方式学CSS text-align怎么用_CSS教程_CSS_网页制作_
- CSS3五个技巧给你的网站带来出色的效果_css3_CSS_网页制作_
- 网页字体该如何设置？_CSS教程_CSS_网页制作_
- W3C标准以及XHTML和HTML_Web标准教程_CSS_网页制作_
- CSS网页布局教程:绝对定位和相对定位_CSS布局实例_CSS_网页制作_
