美化滚动条
程序员文章站
2022-06-07 12:15:11
...
/**
* 滚动条美化
*/
::-webkit-scrollbar {
width: 10px; /*纵向滚动条宽度*/
height: 10px; /*横向滚动条高度*/
}
/* Track */
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
-webkit-border-radius: 10px;
border-radius: 10px;
}
/* Handle */
::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px;
border-radius: 10px;
background: rgba(255,0,0,0.8);
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(255,0,0,0.4);
}
转载于:https://my.oschina.net/daladida/blog/1560877
上一篇: 滚动条美化