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

Question

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

Answer 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>