• 欢迎访问望星湖畔,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入望星湖畔 QQ群
  • 由于360网盘即将关闭,本站内部分下载资源可能暂时无法下载,请到相关文章评论处留言,我们会马上处理,谢谢合作!
  • 本站正在搬家,各项数据恢复中……

用CSS改变选择文本的背景颜色

网站建设 admin 1832次浏览 2个评论

最近访问一个网站的时候,我注意到,当其文字被选中时有一个匹配他的网站的背景色,这个背景色通常是深蓝色。

现在,如果您的网站不使用任何蓝色为文字背景,看上去会不会有点不合适?

当寻找如何实现这一点的解决办法后,我感到惊喜,这竟然非常容易。只需添加以下的CSS到您的网页:

  1. ::selection {background:#C3E99E}  
  2. ::-moz-selection {background:#C3E99E}  

这可能看起来没有什么,但它是一个微妙的效果,可以为您的网站增加一些视觉吸引力!

WordPress merchandise

兼容的浏览器:

  • ::selection在IE家族中,只有IE9+版本支持,在Firefox中需要加上其前缀“-moz”,查阅相关w3c官方资料,并没有对这个属性的解说资料,只知道这个属性被规纳在CSS的伪类选择器中。
  • ::selection只能设置两个属性,一个就是background,另一个就是color属性,设置其他属性是没有任何效果的。

赶快加到你的网站试试吧~~


望星湖畔, 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明用CSS改变选择文本的背景颜色
喜欢 (0)
[]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(2)个小伙伴在吐槽
  1. 这个总被淡蓝色的好看些。。。
    黑客小说2013-09-05 14:20 回复
    • 我还是蛮喜欢改变后的小清新色的,很不错的赶脚~~ :smile:
      admin2013-09-06 09:39 回复