• 不断学习才有回报,学无止境!

CSS3的属性::selection的用法解释

DIV+CSS技巧发现 箭翎 711次浏览 0个评论 扫描二维码

::selection{ background-color: #E13300; color: white; }
::moz-selection{ background-color: #E13300; color: white; }
::webkit-selection{ background-color: #E13300; color: white; }

选择文本,背景是红色,而文本是白色的问题,如下图所示:

selection-red

或许大家对这样的实现并不陌生,可是有很多童鞋可能跟我一样,并不知道是如何实现,因为在默认情况下,选择网站文本都是深蓝的背景,白色的字体,就如下本站的而言,选择文本后,背景是深蓝色,而选中的文本就是白色,如下图所示:

selection-blue

::selection使用语法:

   ::selection {
        background: 颜色值;
        color:颜色值;
   }

   ::-moz-selection {
        background: 颜色值;
        color:颜色值;
    }
"::selection”只能设置两个属性,一个就是background,另一个就是color属性,设置其他属性是没有任何效果的。

兼容的浏览器:

::selection在IE中,只有IE9+版本支持,在Firefox中需要加上其前缀“-moz”,查阅相关w3c官方资料,并没有对这个属性的解说资料,只知道这个属性被规纳在CSS的伪类选择器中。


箭翎 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明CSS3的属性::selection的用法解释
喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址