css隐藏滚动条（webkit和非webkit）

1.移动端或者谷歌浏览器（webkit内核）

::-webkit-scrollbar {   display: none; } 2.兼容所有浏览器的css写法 demo： html部分： <div class="outsideBox">       <div class="centerBox">         <div class="insideBox"></div>       </div>     </div> CSS部分： .outsideBox{   width: 200px;   height: 200px;   overflow: hidden;   position: relative;   margin-left:-20px;   margin-top:-20px;   .centerBox{     position: absolute;     left:20px;     top:20px;     width: 200px;     height: 200px;     overflow: scroll;     .insideBox{       width: 400px;       height: 400px;       background: radial-gradient(red, green, blue); /* 标准的语法 */     }     } }  

转载于:https://www.cnblogs.com/miaSlady/p/11549868.html