码迷,mamicode.com
首页 > 其他好文 > 详细

改变选择文字的color及background-color

时间:2017-08-18 23:50:46      阅读:203      评论:0      收藏:0      [点我收藏+]

标签:font   ack   分享   他也   眼睛   change   一起   type   set   

在一些特殊的网站中,常常会有着一些新奇的体验,在阅读网页的时候相信许多人都会和我一样有着一个习惯,把一些文字选中然后进行阅读,或者时要复制粘贴的时候选择文字对吧。然而无论是在ie,chrome,firefox,safari或者是以这些为内核的浏览器默认的选择文字都是蓝底白字吧.

例如这样

技术分享

 

 然而也会有一些网站会是这样的

技术分享

或者是这样的

技术分享

 以下是一个我写的代码。ps:【效果在浏览我blog也可以查看哦!】

 

 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>change font-style(改变文字效果)</title>
		<style>
			::selection{
				color: #fff;
			    background: rgb(221,88,98);
			}
			::-moz-selection{
				color: #fff;
				/*颜色的话其实也可以调整,不过我绝对默认的白色就不错了,你要改成#000或者其他也可以*/
			    background: rgb(221,88,98);
			}
			::-webkit-selection{
				color: #fff;
			   background: rgb(221,88,98);
			}
		</style>
	</head>
	<body>
		<h3>改动选择文字效果</h3>
		<p> 那个人坐在海的漩涡中,看着波上波下的光影,敏锐而灵动的听觉,感受着天地间无穷无尽的汹涌。为什么你的翅膀是白色的,眼睛却涂上了深蓝色的颜料?在乐曲的层层递进中,温柔缥缈的女声与吉他的迷幻揪心融合在一起。在朦胧的意象中,一只蜗牛在雪地里温柔地暴走,这也是一种荒凉的自由---这是我随便复制的哈,你们喜欢可以留着</p>
	</body>
</html>

 ,

改变选择文字的color及background-color

标签:font   ack   分享   他也   眼睛   change   一起   type   set   

原文地址:http://www.cnblogs.com/higenbana/p/7392477.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!