直播开发app，css 自定义滚动条样式

直播开发app，css 自定义滚动条样式

1

<div class="content-wrap"><br>    <div><br>        内容XXXX<br>    </div><br> <br></div><br> <br> <br><style><br> <br>// content-wrap样式<br>.content-wrap {<br>    flex: 1;<br>    overflow-y: scroll;<br>    box-sizing: border-box;<br>    padding: 0 10px;<br>    margin: 10px 0;<br> <br>    &.content-wrap {<br>        /*隐藏滚动条，当IE下溢出，仍然可以滚动*/<br>        -ms-overflow-style: none;<br>        /*火狐下隐藏滚动条*/<br>        overflow: -moz-scrollbars-none;<br>    }<br> <br>    &.content-wrap::-webkit-scrollbar {<br>        width: 20px;  // 控制滚动条宽度<br>        //width: 0;<br>        height: auto;<br>    }<br> <br>    &.content-wrap::-webkit-scrollbar-track {<br>        background: rgb(221, 16, 16); // 控制滚动条背景颜色<br>        //background: rgb(239, 239, 239)<br>        border-radius: 4px;<br>    }<br> <br>    &.content-wrap::-webkit-scrollbar-thumb {<br>        background: #bfbfbf; // 控制滚动条颜色<br>        border-radius: 10px;<br>    }<br> <br>    &.content-wrap::-webkit-scrollbar-thumb:hover { // 鼠标移入滚动条时的颜色变化<br>        background: #888;<br>    }<br> <br>    &.content-wrap::-webkit-scrollbar-corner {<br>        background: #777e77;<br>    }<br>}<br> <br></style>

​以上就是直播开发app，css 自定义滚动条样式， 更多内容欢迎关注之后的文章