搜索

用CSS3实现选中文字的背景颜色

04月25日
分类:前端 标签: 评论:[3]

text selection color

前天晚上，元云跟我说：“奇怪，这个网站的选中的文字背景是这种颜色（浅黄色）”。见识短浅的我，第一反应就是用脚本实现的吧。

其实在CSS3中，UI元元素状态伪类E::selection就可以实现用户选中的文字处于自定义的高亮色。

  1.  
  2. ::selection {
  3. background: #ffb7b7; /* Safari */
  4. }
  5. ::-moz-selection {
  6. background: #ffb7b7; /* Firefox */
  7. }
  8.  

查看Demo

有3 位同学留下了脚印

  1. 周威 2011-09-30

    哦，圆角和阴影我已经很熟练了。哈，今天看jessica的博文我又学到一招了，我果断的收藏到我的点点中去，谢啦！

    回复
  2. 元云 2010-04-26

    嗯哼,嗯哼……看来,项目空档期,还是要 练笔 CSS3 了~

    回复

同学有话要说吗？