浏览器上默认的 scrollbar 很丑啊,简单贴一个美化的 CSS
基于 Webkit 的浏览器
::-webkit-scrollbar {
max-width: 10px;
height: max-content;
}
::-webkit-scrollbar-thumb {
background-color: #d6dee1;
border-radius: 20px;
}
::-webkit-scrollbar-track {
/* background-color: rgba(0, 0, 0, 0.2); */
background-color: transparent;
}
Firefox(很有限的美化)
:root {
scrollbar-width: thin;
scrollbar-color: #d6dee1 transparent;
}