webkit浏览器自定义滚动条样式代码
2015-12-23 16:05
671 查看
/*滚动条宽度*/ ::-webkit-scrollbar { width: 8px; } /* 轨道样式 */ ::-webkit-scrollbar-track { } /* Handle样式 */ ::-webkit-scrollbar-thumb { border-radius: 10px; background: rgba(0,0,0,0.2); } /*当前窗口未激活的情况下*/ ::-webkit-scrollbar-thumb:window-inactive { background: rgba(0,0,0,0.1); } /*hover到滚动条上*/ ::-webkit-scrollbar-thumb:vertical:hover{ background-color: rgba(0,0,0,0.3); } /*滚动条按下*/ ::-webkit-scrollbar-thumb:vertical:active{ background-color: rgba(0,0,0,0.7); }
效果
相关文章推荐
- 前端 HTML-CSS 规范
- 2015-12-13复习之CSS3 border 详解border-image
- css设计一个漂亮的表格
- CSS导入使用及引用的两种方法
- CSS权重
- CSS布
- css的opacity属性
- CSS
- CSS padding margin border属性详解
- CSS 特殊样式设置集合
- ECSSHOP表结构
- 利用CSS制作一些实用的图标
- removeAttr删除所有已存在的样式
- CSS中!important的使用
- DIV+CSS规范命名大全集合
- CSS属性(常用的属性)
- Java Script基础(十) 访问样式表
- 彻底掌握Z-index属性
- CSS3秘笈:第十章
- CSS3秘笈:第九章