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 reset是什么意思?

css 如何实现鼠标跟随效果?(代码详解)

css怎么改变div的位置

css如何为元素设置背景图像

手把手教你使用css给html字体添加边框效果(代码分享)

css全称是什么意思

css怎么给文字添加描边

css align-content属性怎么用?

如何使用css设置文字透明背景不透明

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




打赏

取消

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

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

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

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

评论

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