Firefox-如何在主流浏览器上改变页面上鼠标选中文本的颜色?

WP主题讨论 WP主题讨论 主题:1013 回复:2239

Firefox-如何在主流浏览器上改变页面上鼠标选中文本的颜色?

瑾兮 发布于 2017-02-08 字数 77 浏览 1077 回复 1

在FF和chrome下比较容易实现,但是要兼容IE6+应该如何来做呢?求解决方案。

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

支持 Markdown 语法,需要帮助?

评论(1

瑾兮 2017-10-01 1 楼

这个需要用到CSS的特性。目前Firefox、Safari、Chrome以及Opera浏览器都支持文本选择属性,如果浏览器不支持该属性,会直接忽略它,所以不会产生任何不良的影响。

代码如下:

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

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

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

<p class="maroon">如何在主流浏览器上改变页面上鼠标选中文本的颜色。如何在主流浏览器上改变页面上鼠标选中文本的颜色。如何在主流浏览器上改变页面上鼠标选中文本的颜色。如何在主流浏览器上改变页面上鼠标选中文本的颜色。如何在主流浏览器上改变页面上鼠标选中文本的颜色。</p>