您现在的位置是：网站首页> 编程资料编程资料

CSS改变网页中鼠标选中文字背景颜色例子HTML5添加鼠标悬浮音响效果不使用FLASH纯CSS实现菜单、导航栏的3D翻转动画效果

2021-09-06 930人已围观

简介 CSS的作用就是用来美化网页的内容或者结构层次。这我们都知道，不是吗？随着CSS技术的不断革新升级，我们获得了更多的控制样式的能力

一个不是那么众所周知的技术就是我们可以在浏览器里美化被选择的文字的样式。Windows自身提供的是一种很难看的墨绿色的颜色，而苹果电脑上提供的是浅绿色。火狐浏览器，IE9，Opera和谷歌浏览器允许我们自定义被选择文字的颜色。让我来展示给你看：


CSS代码

复制代码
代码如下:

/* webkit, opera, IE9 */
::selection { background:lightblue; }
/* mozilla firefox */
::-moz-selection { background:lightblue; }

-moz-属性前缀是个火狐浏览器用的，而基本的::selection选择器是给谷歌浏览器用的。跟其它CSS选择器的用法一样，你可以嵌套使用，在不同的地方显示不同的颜色：

复制代码
代码如下:

/* webkit, opera, IE9 */
div.highlightBlue::selection { background:lightblue; }
/* mozilla firefox */
div.highlightBlue::-moz-selection { background:lightblue; }

/* webkit, opera, IE9 */
div.highlightPink::selection { background:pink; }
/* mozilla firefox */
div.highlightPink::-moz-selection { background:pink; }

用CSS美化被选择的文字只是一种很简单的技巧，但这些都能让你的网站页面更绚丽、更多彩！

上一篇：CSS的pointer-events属性详细介绍（作用和注意事项）详解CSS pointer-events属性的使用css3 pointer-events 介绍详解CSS利用pointer-events防止重复点击的方法实例使用CSS的pointer-events属性实现鼠标穿透效果的神奇技巧css中pointer-events属性详解css pointer-events属性实现下面元素可点击css不常见属性之pointer-events的使用方法

下一篇：CSS实现的一闪而过的图片闪光效果CSS改变网页中鼠标选中文字背景颜色例子纯CSS实现菜单、导航栏的3D翻转动画效果

相关内容

点击排行

本栏推荐

猜你喜欢

-六神源码网