el-dialog窗口添加滚动条

最新推荐文章于 2025-05-07 10:18:39 发布

o0麦嘎

最新推荐文章于 2025-05-07 10:18:39 发布

阅读量1.8k

点赞数 2

CC 4.0 BY-SA版权

文章标签： vue.js css elementui

本文链接：https://blog.youkuaiyun.com/Gpointy/article/details/132906655

文章介绍了如何通过CSS代码修改/deep/.addMicroDialog元素的高度，使其在鼠标悬停时改变滚动条样式，包括设置滚动条宽度和背景颜色。

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

0 效果

在这里插入图片描述

1 代码

在这里插入图片描述

		/deep/.addMicroDialog {
			height: 700px !important;
			overflow-y: scroll;
		}
		/deep/.addMicroDialog:hover::-webkit-scrollbar-thumb {
			background: #9cbaff;
			border-radius: 10px;
		}
		/deep/.addMicroDialog::-webkit-scrollbar {
			width: 6px;
			height: 0px;
		}