使用css3改变选中文本的颜色

改变默认选中颜色

首先,简单点的例子,我们可以设置整个页面文本选中的基本样式,如下:

::selection {
    background:#d3d3d3; 
    color:#555;
}

::-moz-selection {
    background:#d3d3d3; 
    color:#555;
}

::-webkit-selection {
    background:#d3d3d3; 
    color:#555;
}

当然,我们可以使用CSS选择器指定特定标签内容文字选中后的样式状态,例如下面所展示的标签

.maroon::selection {
    background:maroon; 
    color:#fff;
}

.maroon::-moz-selection {
    background:maroon; 
    color:#fff;
}

.maroon::-webkit-selection {
    background:maroon; 
    color:#fff;
}
<p>...文字内容。</p>

同样的,你可以根据自己的需要,指定CSS选择器以及对应内容文字/图片等的选中样式,这里就不一一举例了。

原文链接:使用css3改变选中文本的颜色 版权所有,转载时请注明出处,违者必究。
注明出处格式:前端开发博客 (http://caibaojian.com/css3-selection.html)

发表评论

请登录后发表评论: