css滚动条修改样式
2018-02-05 09:27
288 查看
css
/*滚动条样式*/ 选择器::-webkit-scrollbar,.Kowloon .right_content::-webkit-scrollbar { /*滚动条整体样式*/ width: 4px; /*高宽分别对应横竖滚动条的尺寸*/ height: 4px; } 选择器::-webkit-scrollbar-thumb,.Kowloon .right_content::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(41,105,27,0.8); background: rgba(41,105,27,0.8); } 选择器::-webkit-scrollbar-track,.Kowloon .right_content::-webkit-scrollbar-track { /*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(72,184,48,0.2); border-radius: 0; background: rgba(72,184,48,0.1); }
相关文章推荐
- css关于内置滚动条的样式修改
- css修改浏览器默认的滚动条样式
- 修改页面滚动条样式CSS代码!(待修改兼容性)
- [分享] 通过修改CSS自定义chrome滚动条样式
- [分享] 通过修改CSS自定义chrome滚动条样式
- 用css 修改 谷歌浏览器自带的 滚动条样式
- 滚动条 默认样式修改 (css)
- CSS滚动条样式修改
- 通过修改CSS自定义chrome滚动条样式
- 纯CSS修改浏览器的默认滚动条样式
- 通过修改CSS自定义chrome滚动条样式
- css修改滚动条默认样式
- css 修改滚动条样式
- css 更改滚动条样式
- 03.阅读JQUERY源码——CSS修改样式的小细节
- css修改样式
- css定义滚动条的样式详解
- 在css中定义滚动条样式
- 修改默认滚动条样式
- CSS设置滚动条样式