码迷,mamicode.com
首页 > Web开发 > 详细

浏览器css隐藏滚动条的方法!除了IE一般都支持

时间:2018-11-29 01:36:29      阅读:290      评论:0      收藏:0      [点我收藏+]

标签:宽度   浏览器   支持   scrollbar   css   rac   web   over   滚动   

::-webkit-scrollbar { /* 滚动条整体部分 */
width:0px;
margin-right:2px
}
::-webkit-scrollbar-track-piece { /*内层轨道,滚动条中间部分 */
background-color: white;
}

::-webkit-scrollbar:horizontal {
height:0px;
margin-bottom:2px
}

::-webkit-scrollbar-track-piece { /*内层轨道,滚动条中间部分 */
background-color: white;
}
::-webkit-scrollbar-thumb { /* 滑块 */
width:0px;
background: #CBCBCB;
}

::-webkit-scrollbar-thumb:hover { /* 鼠标移入滑块 */
background: #909090;
}

这里是隐藏的,如果要有点一显示,把width加一点宽度就行了

浏览器css隐藏滚动条的方法!除了IE一般都支持

标签:宽度   浏览器   支持   scrollbar   css   rac   web   over   滚动   

原文地址:https://www.cnblogs.com/firebirdweb/p/10035698.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!