直播软件搭建，css设置滚动条样式

直播软件搭建，css设置滚动条样式

设置滚动条样式

1

/*滚动条样式*/<br>        ul::-webkit-scrollbar {/*滚动条整体样式*/<br>             4px;     /*高宽分别对应横竖滚动条的尺寸*/<br>            height: 4px;<br>        }<br>        ul::-webkit-scrollbar-thumb {/*滚动条里面小方块*/<br>            border-radius: 5px;<br>            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);<br>            background: rgba(0,0,0,0.2);<br>        }<br>        ul::-webkit-scrollbar-track {/*滚动条里面轨道*/<br>            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);<br>            border-radius: 0;<br>            background: rgba(0,0,0,0.1);<br>        }<br>

​设置滚动条不显示

1	ul {<br>list-style: none;<br>height: 100%;<br>font-size: 13px;<br>overflow: auto;<br>scrollbar-width: none;  /* Firefox */<br>-ms-overflow-style: none;  /* IE 10+ */<br>}<br>ul::-webkit-scrollbar {<br>display: none;  /* Chrome Safari */<br>}

 以上就是 直播软件搭建，css设置滚动条样式，更多内容欢迎关注之后的文章