css如何超出显示滚动条


当前第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 { /* 1 */ }

::-webkit-scrollbar-button { /* 2 */ }

::-webkit-scrollbar-track { /* 3 */ }

::-webkit-scrollbar-track-piece { /* 4 */ }

::-webkit-scrollbar-thumb { /* 5 */ }

::-webkit-scrollbar-corner { /* 6 */ }

::-webkit-resizer { /* 7 */ }

相关教程推荐:CSS视频教程

以上就是css如何超出显示滚动条的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

css中float属性的属性值有哪些

教你一招搞定css背景图的大小

hbuilder怎么引用css

在html里用css隐藏div的方法

css如何清除背景颜色

css中skew是什么意思

css中什么是外部样式表?

css中zoom属性有什么作用

css段落间距怎么设置

css文件中引用图片不显示怎么办

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...