好玩的CSS属性之Selection
来源:互联网 发布:程序员入职第一天 编辑:程序博客网 时间:2024/06/10 05:55
近来一直在研究css这东西,在w3cplus上看博文时发现了::selection这个属性,相信很多人都不知道这个属性的存在。
该属性用于在网页中选择一段文字时,赋予的属性——文字的背景和颜色……
该属性用于在网页中选择一段文字时,赋予的属性——文字的背景和颜色……
大家都知道啦,这种高级特性IE9一下是不会有的。一般来说,在网页中选择一段文字时,都是深蓝色的背景,白色的字体颜色。/*Webkit,Opera9.5+,Ie9+*/
::selection {
background: 颜色值;
color:颜色值;
}
/*Mozilla Firefox*/
::-moz-selection {
background: 颜色值;
color:颜色值;
}
就如上图所示啦,selection这个属性就是用于改变这些……
我们修改下上面的代码,看下发生了什么变化。
我们修改下上面的代码,看下发生了什么变化。
p::selection {
color: #fff;
background-color: #9C3;
}
p::-moz-selection {
background: #9C3;
color: #fff;
}
在w3cplus中,博主提到过“是否可以改其他的属性”这个问题,比如选中文字能否加大文字的字体号,并做了实验,结果证明了:selection只能更改变background和color这两个属性。要做其他的什么,就用js来实现吧~~~
- 好玩的CSS属性之Selection
- css{clip:rect}好玩的属性
- ios好玩的两个属性
- CSS ::Selection
- CSS ::Selection
- CSS ::Selection
- CSS ::Selection
- 发现了一个script好玩的属性
- 属性动画(PropertyAnimation)好玩的粘性控件
- 动起来!好玩的CSS抖动样式 – CSS Shake
- 动起来!好玩的CSS抖动样式 – CSS Shake
- css属性之cursor的测试
- css属性之cursor的测试
- CSS 之Box-sizing 属性的使用方法
- CSS之window的视图属性
- 伪元素::selection -- CSS ::selection 伪元素,定义用户鼠标已选择内容的样式
- [转]CSS ::Selection
- 好玩的Windows编程之"本地时间"
- javascript对象字面量
- 网页重构的步骤
- google 地图和baidu地图 在android上的实现过程和对比 包含 自定义图层的绘制
- 关于CSS布局
- 盒模型之margin的叠加与加倍
- 好玩的CSS属性之Selection
- 清除浮动的方式?
- 多核时代的移动开发(一)-函数式编程思想到来
- 闭合浮动元素(转发)
- [iPhone高级] 基于XMPP的IOS聊天客户端程序(IOS端二)
- CSS hack(小结)
- Javascript中的关键字this
- 写些关于Javascript函数的东西
- Javascript的类,构造函数和原型