改变滚动条的样式

最新推荐文章于 2024-11-12 14:41:57 发布

咿口薄荷糖

最新推荐文章于 2024-11-12 14:41:57 发布

阅读量123

点赞数

文章标签： css

本文链接：https://blog.youkuaiyun.com/weixin_43936040/article/details/114525801

版权

这篇博客详细介绍了如何使用CSS来改变网页中滚动条的样式，包括设置滚动条的背景颜色、宽度以及滚动条thumb的颜色。示例代码展示了如何隐藏滚动条以及调整其宽度为0.05rem，使得滚动条更加精致且符合页面设计风格。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

改变滚动条的样式

	.mybox::-webkit-scrollbar-track {
    // 滚动条背景色
        background-color: #2b2e3c;
    }
	// 滚动宽度
    .mybox::-webkit-scrollbar {
        width: 0.05rem;
    }

    .mybox::-webkit-scrollbar-thumb {
        // 滚动条颜色
        background-color: #3d7eda;
    }
	// 不显示滚动条
    .mybox::-webkit-scrollbar {
        // display: none;
    }