css怎么隐藏div滚动条

<style>

    div{

        font-size: 15px;

        margin-bottom: 20px;

    }

    .content{

        height: 300px;v // 必须设定滚动部分的高度

        background-color: cadetblue;

        color: antiquewhite;

        overflow-x: hidden; /*x轴禁止滚动*/

        　　　　 overflow-y: scroll;/*y轴滚动*/

    }

         .content::-webkit-scrollbar{ //设置滚动条宽高

             width:8px;

             height:8px

        }

         .content::-webkit-scrollbar-track{// 滚动条轨道样式

              -webhit-box-shadow: inset 0 0 5px transparent;

              border-radius:0;

              background:transparent;

         }

         .content::-webkit-scrollbar-thumb{//滚动条样式

            border-radius:5px;

            -webkit-box-shadow:inset 0 0 5px #242B56;

            background:#242B56; 

         }

    p{

        margin-bottom: 30px;

        font-size: 17px;

        color: #333;

    }

</style>