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