css 设置滚动条的样式

 1     /*移动端显示滚动条*/
 2     .layui-table-body::-webkit-scrollbar {
 3       -webkit-appearance: none;
 4     }
 5     .layui-table-body::-webkit-scrollbar:vertical {
 6       width: 10px;
 7     }
 8     .layui-table-body::-webkit-scrollbar:horizontal {
 9       height: 10px;
10     }
11     .layui-table-body::-webkit-scrollbar-thumb {
12       background-color: #E9E9E9;
13       border-radius: 10px;
14       border: 1px solid #ffffff;
15     }
16     .layui-table-body::-webkit-scrollbar-track {
17       border-radius: 10px;
18       background-color: #F8F8F8;
19     }
20     .layui-table-body::-webkit-scrollbar-corner {
21           background-color: #F8F8F8;
22     } 

 

转载于:https://www.cnblogs.com/chengyunshen/p/8033565.html