CSS技巧:改变选择网页文字的背景色
2009-02-25 21:07
459 查看
CSS技巧:改变选择网页文字的背景色
资料引用:http://www.knowsky.com/533360.html
最近在访问一个网站的时候,我注意到,当其文字被选中时它有一个匹配他的网站的背景色,这个背景色通常是深蓝色。现在,如果您的网站不使用任何蓝色为文字背景,看上去会不会有点不合适?
当寻找如何实现这一点的解决办法后,我感到惊喜,这竟然非常容易。只需添加以下的CSS到您的网页:
::selection{background: #A8141B; color: white; /* Safari */}
::-moz-selection{background: #A8141B; color: white; /* Firefox */ }
正如你所看到的,这只能在Firefox和Safari中有效。这可能看起来没有什么,但它是一个微妙的效果,可以为您的网站增加一些视觉吸引力!
资料引用:http://www.knowsky.com/533360.html
最近在访问一个网站的时候,我注意到,当其文字被选中时它有一个匹配他的网站的背景色,这个背景色通常是深蓝色。现在,如果您的网站不使用任何蓝色为文字背景,看上去会不会有点不合适?
当寻找如何实现这一点的解决办法后,我感到惊喜,这竟然非常容易。只需添加以下的CSS到您的网页:
::selection{background: #A8141B; color: white; /* Safari */}
::-moz-selection{background: #A8141B; color: white; /* Firefox */ }
正如你所看到的,这只能在Firefox和Safari中有效。这可能看起来没有什么,但它是一个微妙的效果,可以为您的网站增加一些视觉吸引力!
相关文章推荐
- CSS改变选择网页文字背景色
- css和js禁止网页选择文字
- CSS 鼠标选中文字后改变背景色
- 使用DIV+CSS布局网页后,容器内的文字不可选择的解决方案
- CSS改变网页中鼠标选中文字背景颜色例子
- CSS 鼠标选中文字后改变背景色的实现代码
- 利用PHP和CSS改变网页文字大小
- Css鼠标选中文字后改变背景色的实现代码
- LaTeX技巧005:改变文字的前景色和背景色
- CSS 鼠标选中文字后改变背景色的实现代码
- css 选择后更改文字背景 CSS3 实现改变默认文本选中的颜色
- 网页文字应用CSS的一些技巧
- css中id和class的定义格式、使用技巧及选择
- CSS改变链接的颜色和背景色
- 网页布局技巧:CSS文件设计初始化代码
- css实现文字居左日期居右排列最简单的网页代码
- div+css是网页排版技巧分享
- Jquery实时改变网页设计(背景色)
- CSS控制网页中文本的技巧
- 网页设计中利用CSS实现背景图片平铺的技巧