修改浏览器选中文字的默认背景

css3开始可以定制更多个性化的页面效果了，现在选中文字也可以把默认的蓝色背景换成喜欢的各种颜色，下面是一个小示例：

<html>
<head>
<style>
.miaov {color: green;}
.miaov::selection {background: maroon; color:#fff;}

.miaov::-moz-selection {background:green; color:#fff;}
.miaov::-webkit-selection {background:green; color:#fff;}
</style>
</head>

<body>
<p class="miaov"> 选中这段文字就会看到效果啦！</p>
</body>
</html>

 点击这里查看效果。

posted @ 2013-08-09 15:41  Jsoner  阅读(400)  评论(0)  编辑  收藏  举报