CSS3:高亮文本选中颜色
来源:互联网 发布:收购淘宝号可信吗 编辑:程序博客网 时间:2024/06/11 05:31
关键字: ::selection
为了个性化网站主题,可以对文本高亮背景颜色进行设置。
:selection { background: #ffb7b7; /* WebKit/Blink Browsers */}::-moz-selection { background: #ffb7b7; /* Gecko Browsers */}
一个简单的例子:
<!DOCTYPE html><html><head><meta charset="UTF-8"><style>#p2::selection {background: yellow;}#p3::selection {background: blue;}</style></head><body><p id="p1">This paragragh doesn't use ::selection</p><p id="p2">This paragragh uses ::selection,highlight color is yellow.</p><p id="p3">This paragragh uses ::selection,highlight color is blue.</p></body></html>
未选中时:
选中时:
第一个段落选中的高亮颜色是浏览器的默认颜色。该CSS3属性在主流浏览器(FF,Chrome)等运行正常。
可在jsfiddle在线编辑里尝试一下:
http://jsfiddle.net/xm7h3oxs/
参考博客:http://css-tricks.com/overriding-the-default-text-selection-color-with-css/
2 0
- CSS3:高亮文本选中颜色
- 使用CSS3改变文本选中的颜色
- 使用CSS3改变文本选中的默认颜色
- 使用CSS3 ::selection伪元素改变文本选中颜色
- 文本选中背景颜色
- 设置UITableViewCell的选中高亮颜色
- css3 文本选中控制属性
- css3之文本,字体,颜色
- CSS3-文本颜色及功能
- eclipse-以指定颜色高亮显示选中关键字
- table选中的行以指定颜色高亮显示
- eclipse-以指定颜色高亮显示选中关键字
- eclipse 选中变量 以指定颜色高亮显示
- eclipse-以指定颜色高亮显示选中关键字
- 自定义cell选中时的高亮颜色
- iOS开发cell自定义高亮和选中背景颜色
- Java高亮显示被选中文本:StyledDocument.setCharacterAttributes()
- 为选中的文本设置颜色
- Linux服务器编程之:utime()函数
- Ubuntu vsftp的搭建和配置(一)
- hdu 5014
- “软工视频”第三章总结
- HDU5012 Dice 记忆化搜索
- CSS3:高亮文本选中颜色
- ORACLE long类型数据保存和生成XML
- 嵌入式 GDB调试技巧
- 林熙蕾和吴大维分手,和元大小开马维辰交往,真实性有待考验
- 合并排序
- Ubuntu vsftp的搭建和配置(二)
- 磁盘管理
- oracle里long类型的总结
- 教你怎么从一台sql server服务器拷贝数据到另外一台sql server服务器