原来如此?修改浏览器滚动条样式
程序员文章站
2022-03-01 12:39:20
...
粘贴复制使用
/* 修改浏览器滚动条样式 */
::-webkit-scrollbar {
width: .4rem;
height: .4rem;
background: hsla(0, 0%, 100%, 0.6);
}
::-webkit-scrollbar-track {
border-radius: 0;
}
::-webkit-scrollbar-thumb {
border-radius: 0;
background-color: rgba(95, 95, 95, 0.3);
transition: all .2s;
border-radius: .5rem;
}
::-webkit-scrollbar-thumb:hover {
background-color: rgba(95, 95, 95, 0.5);
}