使用CSS3改变文本选中的颜色
来源:互联网 发布:易辅客栈模块源码 编辑:程序博客网 时间:2024/05/19 15:25
今天打开TechCrunch的中文网站,选中文字时选区颜色变成了绿色,跟网站整体的绿色风格非常协调。于是对实现细节感兴趣,一探究竟。
实现很简单,利用CSS3的特性。
::selection{ background-color:#84ca7f;color:#000;}::-webkit-selection{ background-color:#84ca7f;color:#000;}::-moz-selection{ background-color:#84ca7f;color:#000;}
同样可以使用CSS选择器指定部分元素设置选区颜色,例如.maroon::selection。IE系列,我只有IE9,也支持该特性。
我觉得修改选区默认颜色要谨慎,除非能够像TechCrunch那样达到整体风格统一。否则可能令用户不习惯。
- 使用CSS3改变文本选中的颜色
- 使用CSS3改变文本选中的默认颜色
- 使用CSS3 ::selection伪元素改变文本选中颜色
- 改变网页文本选中的默认背景颜色
- CSS3:高亮文本选中颜色
- 改变选中行的颜色
- 改变UISearchBar的文本颜色
- 改变listView的选中的颜色
- android上改变listView的选中颜色
- android上改变listView的选中颜色
- GEF 改变选中框的颜色
- 改变UITableView选中行高亮的颜色
- UITextView改变选中字的颜色
- tableView cell 选中颜色的改变
- ios 改变tableviewcell 的选中颜色
- Android上改变listView的选中颜色
- UITableviewCell 改变选中selectedBackgroundView 的大小 颜色
- android上改变listView的选中颜色
- SVN与SCM
- 看不懂的PPT
- ubuntu 系统时间和硬件时间的几点认识
- Linux C 语言 获取系统时间信息
- ediff──emacs中比较文件异同
- 使用CSS3改变文本选中的颜色
- iOS开发者必备:九大设计类工具
- Openstack 实践:开放的艾普云
- Extjs实现右键菜单
- 稳定排序和不稳定排序
- typedef 复杂的变量声明
- ios汇编教程1
- route
- source insight 打不开