CSS技巧:改变选择网页文字的背景色

2016-02-19 18:56 12 1 收藏

清醒时做事,糊涂时读书,大怒时睡觉,无聊时关注图老师为大家准备的精彩内容。下面为大家推荐CSS技巧:改变选择网页文字的背景色,无聊中的都看过来。

【 tulaoshi.com - Web开发 】

  最近在访问一个网站的时候,我注意到,当其文字被选中时它有一个匹配他的网站的背景色,这个背景色通常是深蓝色。现在,如果您的网站不使用任何蓝色为文字背景,看上去会不会有点不合适?

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  当寻找如何实现这一点的解决办法后,我感到惊喜,这竟然非常容易。只需添加以下的CSS到您的网页:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  ::selection{background: #A8141B; color: white; /* Safari *

来源:http://www.tulaoshi.com/n/20160219/1619547.html

延伸阅读
标签: Web开发
当你想到白色的时候,你的脑海中会出现什么?白色是最简单、优雅、平和的色彩。在网页设计中使用白色常见于很多博客、在线作品集、电子商务和其它类型的网站中。白颜色也主要用于字体颜色、背景色、链接颜色、图片及更多地方。尽管如此,如果你认为白色系网站对用户没有吸引力,那就大错特错了,你会震惊的网上的一些最棒的网站用的是白色...
在许多Windows软件的安装程序中,时常可以看到以某种颜色由浅至深的渐变为背景的窗口。使用VB制作这类窗口的方法有不少,而通过调用API函数绘制渐变的窗口背景色,似乎是一种既简单又节省资源的方法。 首先,在module文件中加入下列声明语句: Declare Function CreateSolidBrush Lib"GDI"(ByVal _crColor As Lon...
当在网上拷贝一些资料到Word中时,会发现在拷贝的同时连同背景色都拷贝过来了,现在的问题是如何将这些颜色去掉?在网上可以搜到很多的解决方法,本文就整理了一些,以备不时只需。 问:在word文档中如何去掉文字后面的背景颜色? 如果在边框底纹或文字底色里边设置空白不好使的话,那就试试剪切文字,然后使用选择性粘贴--无格式文本。或...
标签: PS 电脑
在PS 工具栏中,有前景色和背景色的设置图标。默认的前景色为黑色,背景色为白色。图标右上角的双向箭头可以快速切换前景色和背景色(快捷键为X);如果点击左下角的小黑白图标,无论当你的画纸为什么颜色,它都会变为默认的黑白前后背景色。(快捷键为D) 点击菜单栏中的文件→新建,跳出对话框,将背景内容设置为透明。确定。 如...
标签: Web开发
这个效果前些日子有人在论坛问起,今天有空研究了下。我打了原创标记,因为我在写这个方法时的确没有参考过别人的代码。我的方法其实就是层遮罩加ALPHA滤镜实现预期效果。 提示信息框 a{ color:#000; font-size:12px;text-decoration:none} a:hover{ color:#900; text-decoration:underline} body{background:;filter:progid:DXImageTr...

经验教程

258

收藏

91
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部