如何设置滚动条样式
2016-01-25 22:29
633 查看
/*滚动条设置*/ /* 设置滚动条区域*/ ::-webkit-scrollbar { width: 14px; } /* Track */ ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 10px; border-radius: 10px; } /* Handle */ ::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: rgba(255,0,0,0.8); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } ::-webkit-scrollbar-thumb:window-inactive { background: rgba(255,0,0,0.4); }
使用了以上的css代码就会看到如下所示的滚动条
相关文章推荐
- 前端笔记六,级联样式单与CSS选择器(一)
- css 全局 兼容性问题
- Qt中设置widget背景颜色/图片的注意事项(使用样式表 setStyleSheet())
- JS和CSS加载(渲染)机制不同
- CSS3响应式表格和响应式图片
- 【scss编译】基于Webstorm File Watch的自动编译scss文件.md
- Css中overflow属性的认识
- CSS控制Table内外边框、颜色、大小示例
- css background-position 图片整合技术
- CSS3动画——雪碧图的实现
- 全局 CSS 样式
- CSS样式选择器
- 传智CSS3-6课笔记
- 传智CSS1-2课笔记
- CSS样式设置
- cursor 鼠标样式的几种样式
- 网页切图div+css命名规则
- CSS中调用JS函数和变量
- css学习笔记20160124框模型
- CSS三角形制作样式