2023年6月20日发(作者:)

CSS3滚动条圆⾓样式(CSS之⼀)CSS3 滚动条圆⾓样式(CSS之⼀)对于滚动条美化效果//滚动条样式::-webkit-scrollbar { width: 12px; height: 12px;}::-webkit-scrollbar-track-piece { background-color: transparent; //滚动槽 -webkit-border-radius: 6px;}::-webkit-scrollbar-thumb:vertical { height: 12px; background-color: #BDBDBD; -webkit-border-radius: 6px;}::-webkit-scrollbar-thumb:horizontal { width: 12px; background-color: #BDBDBD; -webkit-border-radius: 6px;}//滚动条⿏标移上去的样式::-webkit-scrollbar-thumb:vertical:hover,::-webkit-scrollbar-thumb:horizontal:hover{ background-color: #808080;}

2023年6月20日发(作者:)

CSS3滚动条圆⾓样式(CSS之⼀)CSS3 滚动条圆⾓样式(CSS之⼀)对于滚动条美化效果//滚动条样式::-webkit-scrollbar { width: 12px; height: 12px;}::-webkit-scrollbar-track-piece { background-color: transparent; //滚动槽 -webkit-border-radius: 6px;}::-webkit-scrollbar-thumb:vertical { height: 12px; background-color: #BDBDBD; -webkit-border-radius: 6px;}::-webkit-scrollbar-thumb:horizontal { width: 12px; background-color: #BDBDBD; -webkit-border-radius: 6px;}//滚动条⿏标移上去的样式::-webkit-scrollbar-thumb:vertical:hover,::-webkit-scrollbar-thumb:horizontal:hover{ background-color: #808080;}