原创高端网站建设,匠人匠心品质保障

CSS如何控制鼠标选中网页字体后的背景颜色和字

04
2020-03

 我们在网页里复制文字时,按住鼠标左键,拖动时会有浏览器默认蓝色底白色文字。Windows自身提供的是一种很难看的墨绿色的颜色,而苹果电脑上提供的是浅绿色。火狐浏览器,IE9,Opera和谷歌浏览器允许我们自定义被选择文字的颜色。
扩展阅读:天津网站建设:网站banner如何设计


css使用技巧分享_天津网站建设_天津市匠人匠心科技有限公司


    css示例代码:


/* webkit, opera, IE9 */

::selection { background:#fff; color:red;}//选中后背景颜色是白色底,字体颜色为红色

/* mozilla firefox */

::-moz-selection { background:#fff;color:red; }//选中后背景颜色是白色,字体颜色为红色


    -moz-属性前缀是个火狐浏览器用的,而基本的::selection选择器是给谷歌浏览器用的。跟其它CSS选择器的用法一样,你可以嵌套使用,在不同的地方显示不同的颜色:


    示例代码:


/* webkit, opera, IE9 */

div.highlightBlue::selection { background:lightblue; }

/* mozilla firefox */

div.highlightBlue::-moz-selection { background:lightblue; }

/* webkit, opera, IE9 */

div.highlightPink::selection { background:pink; }

/* mozilla firefox */

div.highlightPink::-moz-selection { background:pink; }


天津市匠人匠心科技有限公司
天津网站建设品牌—— 匠人匠心
顾问:138-2142-0129


天津网站建设 天津网页设计 网站制作(http://tjdzwz.com)

原创高端网站建设,匠人匠心品质保障

我们的愿景:
成为最受人尊敬、最具影响力的互联网企业

我们的使命:
提升企业品牌形象获得最大的价值

我们的价值观:
诚信、专注、尽责、创新

联系我们

我们在路上,你在哪

选择我们的六大理由

一直行业专注;千家成功案例;标准的合作流程;专业的业务流程;优秀的设计团队;完善的售后服务