头闻号

季同生

综合性公司|护肤膏霜|洗面奶|合成材料中间体|乳制品|面膜

首页 > 新闻中心 > 科技常识:利用CSS3的特性改变文本选中时的颜色
科技常识:利用CSS3的特性改变文本选中时的颜色
发布时间:2024-11-17 10:50:41        浏览次数:5        返回列表

今天小编跟大家讲解下有关利用CSS3的特性改变文本选中时的颜色 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关利用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那样达到整体风格统一。否则可能令用户不习惯。

来源:爱蒂网