el-dialog窗口添加滚动条

最新推荐文章于 2024-09-02 16:03:09 发布

原创最新推荐文章于 2024-09-02 16:03:09 发布 · 2k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #css #elementui

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

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;
		}