overflow滚动条css样式
程序员文章站
2024-01-28 09:43:40
...
滚动条 样式 效果图
滚动条样式 css 代码
::-webkit-scrollbar {
width: 14px;
height: 14px;
}
::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
border-radius: 999px;
border: 5px solid transparent;
}
::-webkit-scrollbar-track {
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2) inset;
}
::-webkit-scrollbar-thumb {
min-height: 20px;
background-clip: content-box;
box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.2) inset;
}
::-webkit-scrollbar-corner {
background: transparent;
}
上一篇: css设置滚动条样式
下一篇: 自定义浏览器滚动条样式