设置div滚动条样式
2017-09-21 14:03
851 查看
::-webkit-scrollbar{width:14px;}/*滚动条宽度设置：宽度为0 ，当有滚动条出现的时候则不显示滚动条*/
::-webkit-scrollbar-track{background-color:#fff;}/*滚动条槽背景设置*/
::-webkit-scrollbar-thumb{background-color:#2db1ef; border-radius: 5px;}/*滚动条滑块颜色设置*/
::-webkit-scrollbar-thumb:hover {background-color:#9c3}/*滚动条滑块鼠标移上去颜色设置*/
::-webkit-scrollbar-thumb:active {background-color:#00aff0}/*滚动条鼠标点击颜色设置*/
备注：不兼容火狐，IE
兼容chrome，360急速模式，safari，qq浏览器等webkit内核浏览器
::-webkit-scrollbar-track{background-color:#fff;}/*滚动条槽背景设置*/
::-webkit-scrollbar-thumb{background-color:#2db1ef; border-radius: 5px;}/*滚动条滑块颜色设置*/
::-webkit-scrollbar-thumb:hover {background-color:#9c3}/*滚动条滑块鼠标移上去颜色设置*/
::-webkit-scrollbar-thumb:active {background-color:#00aff0}/*滚动条鼠标点击颜色设置*/
备注：不兼容火狐，IE
兼容chrome，360急速模式，safari，qq浏览器等webkit内核浏览器
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- CSS对div滚动条的样式设置
- DIV滚动条属性及样式设置方式
- Div滚动条属性及样式设置
- div滚动条属性及样式设置
- 【前端】webkit内核浏览器DIV滚动条样式修改和设置
- div滚动条属性及样式设置
- div 滚动条属性及样式设置
- div 设置样式 显示滚动条
- div css 滚动条样式 DIV滚动条属性及样式设置方式
- div+css滚动条属性及样式设置
- DIV滚动条属性及样式设置方式
- div设置滚动条
- CSS、XHTML中隐藏滚动条与设置样式
- 有关滚动条Scroll样式的设置
- 怎样出现滚动条，并设置滚动条样式
- DIV+CSS定义滚动条样式，实现内嵌效果
- jquery滚动条美化Scrollbar设置浏览器默认滚动条CSS美化样式特效
- DIV中滚动条设置到随机位置(CSS+Javascript)
- （转）IE6中设置 div 的最小高度 页面不出现滚动条
- 滚动条样式设置