当前第2页 返回上一页
这种方法不兼容IE,做移动端的可以使用。
1 2 3 4 5 6 7 8 | 1
.element::-webkit-scrollbar { width: 0 !important }
IE 10+
1
.element { -ms-overflow-style: none; }
Firefox
1
.element { overflow: -moz-scrollbars-none; }
|
详情:
以下为自定义webkit滚动条样式
使用谷歌Chrome浏览器的最新版本,滚动条样式已经是非常漂亮了。这个webkit-scrollbar仅适用于webkit内核。
webkit属性
1 2 3 4 5 6 7 | ::-webkit-scrollbar { }
::-webkit-scrollbar-button { }
::-webkit-scrollbar-track { }
::-webkit-scrollbar-track-piece { }
::-webkit-scrollbar-thumb { }
::-webkit-scrollbar-corner { }
::-webkit-resizer { }
|
相关教程推荐:CSS视频教程
以上就是css如何超出显示滚动条的详细内容,更多文章请关注木庄网络博客!
返回前面的内容
相关阅读 >>
在css中float属性的属性值有哪些
教你一招搞定css背景图的大小
hbuilder怎么引用css
在html里用css隐藏div的方法
css如何清除背景颜色
css中skew是什么意思
css中什么是外部样式表?
css中zoom属性有什么作用
css段落间距怎么设置
css文件中引用图片不显示怎么办
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » css如何超出显示滚动条