解决ElementPlus中的Menu菜单背景设为透明后导航栏文字下方出现一条细白线_el-menu透明

作者：小小林熬夜学编程 | 2024-03-27 01:05:42

踩

el-menu透明

在这里插入图片描述

在将menu菜单背景设置为透明后，出现一条细白线，不仅响应观感，还很容易激怒强迫症患者。
由于元素非常小，很难定位，并且元素只有某事件才会变化。

使用浏览器自带样式工具，模拟鼠标事件

在这里插入图片描述

找到元素.el-menu–horizontal.el-menu

在这里插入图片描述

将元素border-botom设置为0即可

在这里插入图片描述

在css添加属性即可：

.el-menu--horizontal.el-menu {
    border-bottom: 0;
}
1
2
3

声明：本文内容由网友自发贡献，转载请注明出处：【wpsshop】