.MoneyPlan-box {
width: 100%;
height: 100%;
text-align: left;
box-sizing: border-box;
border-radius: 4px;
overflow: hidden;
background-color: #fff;
scrollbar-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.1);
/* 第一个方块颜色，第二个轨道颜色(用于更改火狐浏览器样式) */
scrollbar-width: thin;
/* 火狐滚动条无法自定义宽度，只能通过此属性使滚动条宽度变细 */
-ms-overflow-style: none;
}
/* 滚动条 */
.MoneyPlan-box:hover {
overflow-y: auto;
}
.MoneyPlan-box::-webkit-scrollbar {
width: 6px;
height: 6px;
border-radius: 50%;
}
.MoneyPlan-box::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.2);
}
.MoneyPlan-box::-webkit-scrollbar-track {
border-radius: 0;
background: rgba(0, 0, 0, 0);
}
标签：box,rgba,兼容,滚动条,火狐,MoneyPlan,scrollbar,border From： https://www.cnblogs.com/qdyzhuang/p/16869398.html