改变选择文字的color及background-color
程序员文章站
2024-03-18 12:38:40
...
在一些特殊的网站中，常常会有着一些新奇的体验，在阅读网页的时候相信许多人都会和我一样有着一个习惯，把一些文字选中然后进行阅读，或者时要复制粘贴的时候选择文字对吧。然而无论是在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>
，
上一篇： 元素出栈、入栈顺序的合法性