CSS 滚动条样式化方法：scrollbar-width：指定滚动条宽度（thin、medium、thick、auto）。scrollbar-color：指定轨道和滑块颜色（CSS 颜色值、inherit）。
CSS 滚动条样式
如何使用 CSS 样式化滚动条？
使用 CSS 样式化滚动条涉及设置以下属性：
scrollbar-widthscrollbar-color
scrollbar-width
立即学习“前端免费学习笔记（深入）”；
指定滚动条的宽度，可以是 thin、medium、thick 或 auto。auto 值使用系统默认宽度。
scrollbar-color
指定轨道和滑块的颜色。可以是任何有效的颜色值，例如：
color-1 color-2：轨道和滑块的颜色分别为 color-1 和 color-2。inherit：从父元素继承颜色。
示例代码
/* 使滚动条更宽 */body::-webkit-scrollbar { scrollbar-width: thick;}/* 设置轨道为蓝色，滑块为红色 */body::-webkit-scrollbar { scrollbar-color: #0000FF #FF0000;}
注意：
这些属性在所有主流浏览器中均得到支持。::-webkit-scrollbar 伪类仅适用于 WebKit 浏览器（例如 Chrome 和 Safari）。对于其他浏览器，可以使用 ::-moz-scrollbar 或 ::-ms-scrollbar。
以上就是css滚动条样式怎么用的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1629114.html
微信扫一扫 
支付宝扫一扫 
