css如何让滚动条不显示


当前第2页 返回上一页

设置css效果前:

F}1%1R@IGCR4(W_FT_1~6D9.png

添加css样式后:

代码

1

2

3

<style>

     ::-webkit-scrollbar {display:none}

</style>

使用css设置滚动条不显示效果:

XMPFLG6EC2_6{5LDY)O1381.png

css滚动条选择器:

  • ::-webkit-scrollbar ― 整个滚动条

  • ::-webkit-scrollbar-button ― 滚动条上的按钮 (上下箭头)

  • ::-webkit-scrollbar-thumb ― 滚动条上的滚动滑块

  • ::-webkit-scrollbar-track ― 滚动条轨道

  • ::-webkit-scrollbar-track-piece ― 滚动条没有滑块的轨道部分

  • ::-webkit-scrollbar-corner ― 当同时有垂直滚动条和水平滚动条时交汇的部分

  • ::-webkit-resizer ― 某些元素的corner部分的部分样式(例:textarea的可拖动按钮)

推荐学习:css视频教程

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

返回前面的内容

相关阅读 >>

css 区分大小写吗

css ul怎么去掉点

css怎么设置tr间距

css是框架吗

css中的角度单位有哪些?

了解一些 提高前端开发效率的 css 属性选择器

css怎么设置背景图片的透明度

css怎么去掉div边框

html和css实现字体加粗的三种方法

css中隐藏的是什么命令

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




打赏

取消

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

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

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

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

评论

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