利用CSS3的特性改变文本选中时的颜色
发布时间：2013-09-11 11:55:28 作者：佚名 
我要评论
我要评论选中文字时选区颜色变成了绿色，跟网站整体的绿色风格非常协调，其实实现很简单利用CSS3的特性，同样也可以指定部分元素设置选区颜色，详细如下，喜欢的朋友可以参考下
今天打开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的特性。
复制代码
代码如下:::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新属性，从而用HTML和CSS处理网格的时候更容易。但首先让我们讨论一点HTML和CSS网格的历史，了解清楚为什么以前很困难2014-04-04
- Less 是一种样式语言，它将 css 赋予了动态语言的特性，如变量、 继承、 运算、 函数。less 既可以在客户端上运行（支持IE 6+, Webkit, Firefox），也可以借助 Node.js 或2012-11-20
- 这篇文字收集了45个让人觉得不可思议的 CSS3 应用示例，它们验证了 CSS3 Transform 和 Transition 等属性的强大能力2012-01-01
- BlueTrip 是一个想要整合以下优点的CSS 框架： 集成了BluePrint & Tripoli 框架的做好的部分； Hartija 的打印样式； 960.gs的简洁； Elem2009-07-01
CSS教程:学习CSS的继承性-CSS教程-网页制作-网页教学网
所谓CSS的继承是指被包在内部的标签将拥有外部标签的样式性质。继承特性最典型的应用通常发挥在整个网页的样式预设，需要指定为其它样式的部份设定在个别元素里即可。这项2008-10-17CSS教程:优先级问题的考虑实例-CSS教程-网页制作-网页教学网
如果同个元素有两个或以上冲突的CSS规则，浏览器有一些基本的规则来决定哪一个非常特殊而胜出。 它可能不像其它那么重要，大部分案例你不需要担心冲突，但大型2008-10-17- CSS初学者感到很简单，没什么难点，其实是你还没深入理解css特性，下面通过本文给大家分享容易忽略的css特性，本文都是小编日常所遇到的坑，非常具有参考借鉴价值，特此分2016-01-08
最新评论