改变选择文字的color及background-color
2017-08-20 12:41
225 查看
在一些特殊的网站中,常常会有着一些新奇的体验,在阅读网页的时候相信许多人都会和我一样有着一个习惯,把一些文字选中然后进行阅读,或者时要复制粘贴的时候选择文字对吧。然而无论是在ie,chrome,firefox,safari或者是以这些为内核的浏览器默认的选择文字都是蓝底白字吧.
例如这样
然而也会有一些网站会是这样的
或者是这样的
以下是一个我写的代码。ps:【效果在浏览我blog也可以查看哦!】
,
例如这样
然而也会有一些网站会是这样的
或者是这样的
以下是一个我写的代码。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>
,
相关文章推荐
- How to change the background color of form using C++ - 如何用C++改变窗体的颜色
- CSS技巧:改变选择网页文字的背景色
- javascript学习实录 之九(选择样式,改变文字效果) -- 刘小小尘
- ColorStateList改变按钮、文本框文字变色
- iOS 开发 解决UITableViewcell单选动态改变cell文字和背景颜色的功能,且第一次默认选择第一个cell
- Listview按键触发选择item改变文字
- 实现jQuery中的animate 的background-color 属性的改变
- 关于安卓setBackgroundColor中Drawable复用导致背景重复改变
- javascript学习实录 之九(选择样式,改变文字效果) -- 刘小小尘
- 改变页面选择文字颜色和背景颜色----selection伪元素
- QTabWiget Change Color 改变颜色(每个QWidget都有一个自己的调色板palette,设置它的颜色,然后setAutoFillBackground即可)
- 购物网站中,选择不同颜色和尺寸时,相应地方的文字也跟着改变
- css 选择后更改文字背景 CSS3 实现改变默认文本选中的颜色
- CSS改变选择网页文字背景色
- 利用HtmlGenericControl类,动态改变Title文字 -- 纠正"孟子E章"一错
- android 改变TextView和EditText文字选中效果
- Colortip – jQuery文字信息提示插件简介
- 下拉框改变事件:获取下拉框中当前选择的文本 SelectionChanged事件
- 仿微信图片和文字颜色改变
- Ubuntu火狐浏览器中,鼠标选择文字被删除的解决办法