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

weixin_30535167

于 2013-08-09 15:41:00 发布

阅读量321

点赞数

原文链接：http://www.cnblogs.com/waylen/p/3248399.html

版权

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>

点击这里查看效果。<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> <p class="miaov"> 选中这段文字就会看到效果啦！</p>

转载于:https://www.cnblogs.com/waylen/p/3248399.html