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

去掉原生css滚动条

时间:2017-10-09 18:38:39      阅读:226      评论:0      收藏:0      [点我收藏+]

标签:height   nbsp   comm   滚动   alt   16px   ack   rgb   webkit   

样式如下: 

   可以把高度改成0,或者背景透明色,实际一般用第一类样式就可以了,目前兼容谷歌内核。

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  

::-webkit-scrollbar  

{  

width: 16px;  

height: 16px;  

background-color: #F5F5F5;  

}  

/*定义滚动条轨道 内阴影+圆角*/  

::-webkit-scrollbar-track  

{  

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  

    border-radius: 10px;  

background-color: #F5F5F5;  

}  

/*定义滑块 内阴影+圆角*/  

::-webkit-scrollbar-thumb  

{  

    border-radius: 10px;  

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  

background-color: #555;  

}  

去掉原生css滚动条

标签:height   nbsp   comm   滚动   alt   16px   ack   rgb   webkit   

原文地址:http://www.cnblogs.com/webcong007/p/7642187.html

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