::selection伪类实现文本选择时背景颜色设置

2015/12/21 18:18:46 人评论 次浏览 分类:CSS



看到某些网站,选择文本的时候出现不是蓝色的背景颜色,说明文本选择后的背景颜色是可以改变的经过一番研究发现是通过CSS伪类样式实现的,当然这种新的效果有兼容性的问题,一些老的浏览器是无法实现的。下面简单说明一下使用方式和注意事项:


【使用说明】


::selection {
color:#000;
background-color:transparent;
}

::-moz-selection {
color:#000;
background-color:transparent;
}

::-webkit-selection {
color:#000;
background-color:transparent;
}

注意事项

1.“::selection”只可以对两个属性进行设置(background,color,设置其它的属性都是无效的。
2.兼容性:::selection在IE浏览器上只有IE9+版本支持,在Firefox火狐浏览器中要加上前缀“-moz”,在chrome等webkit浏览器要加上前缀“-webkit”。















相关资讯

  • 通过js判断浏览器是否支持HTML5特性

    在开发的过程中有时候需要对一些html5的专属特性进行判断,判断浏览器是否支持HTML5特性,一般是通过js进行判断,目前判断浏览器是否支持html5特性,主要通过js判断是否支持html5特性中的某种特性,例如像window.applicationCache,Canvas,Worker。

    2016/7/6 12:11:21
  • Js通过referrer获取搜索引擎来源

    在做网站优化的时候,需要了解用户搜索引擎来源,可以在Html页面中通过JS获取document.referrer,然后在document.referrer中通过搜索引擎对应的域名进行识别。 比如百度对应域名中的存在‘baidu’,360 搜中,含有so.com,可以作为标识。

    2016/5/20 11:17:05
  • CSS样式文件中文字符的编码问题

    在使用CSS样式文件的时候,需要使用中文字符,特别是使用字体样式的时候,比如‘微软雅黑’,’黑体‘等字体的时候会出现出现乱码的情况,这里主要是字符编码的问题。下面具体说说原因和解决方法。

    2015/12/20 17:20:59

共有访客发表了评论 网友评论

验证码: 看不清楚?