scroll滚动条样式修改

 .box {

            width: 200px;

            height: 200px;

            font-size: 20px;

            background-color:  aqua;

            overflow-y: auto;

            overflow-x: hidden;

        }

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

        .box::-webkit-scrollbar-track {

            box-shadow: inset 0 0 6px #9ed687;

            border-radius: 10px;

            background-color:  rgba(235, 148, 148, 0.5);

        }

        /*定义滚动条高宽及背景*/

        .box::-webkit-scrollbar {

            width: 10px;

        }

        /*定义滚动条滑块*/

        .box::-webkit-scrollbar-thumb {

            background-color: #09a5ee;

            border-radius: 5px;

        }