CSS设置选中网页文字时的背景和颜色

在网页中,选中某段文字,默认的显示效果为:


可以看到,选中后文字颜色为白色,背景为蓝色。

现我们想设置,选中后文字为红色,背景为黄色。需要用到CSS伪类 ::selection

IE9+OperaGoogleChromeSafari都支持 ::selection 选择器。

Firefox 通过其私有属性 :: moz-selection 支持。

设置CSS为:

 

页面效果为:

 

扩展:

::selection 可以应用的属性有:colorbackgroundcursoroutline

扫描二维码关注公众号,回复: 4394536 查看本文章

猜你喜欢

转载自www.cnblogs.com/chentiantian921017/p/10076620.html