element ui消除el-menu吐出来的外边框

作者：System 时间：2024年08月27日分类：所有,elementui 字数：470

这篇文章距离上次修改已过433天，其中的内容可能已经有所变动。

在Element UI中，el-menu 默认会产生一个外边框，这个外边框通常是因为元素的box-shadow样式产生的。如果你想要消除这个外边框，可以通过CSS覆盖样式来实现。

以下是一个简单的CSS样式，用于移除el-menu产生的外边框：




.el-menu {
  box-shadow: none;
}

你可以将这段CSS添加到你的全局样式文件中，或者在组件的<style>标签中使用。如果你只想针对某个特定的el-menu移除外边框，你可以为它添加一个特定的类名，并针对该类名写CSS样式：




/* 全局样式文件或<style>中 */
.no-border-menu {
  box-shadow: none;
}
 
/* 在模板中 */
<el-menu class="no-border-menu">
  <!-- 菜单项 -->
</el-menu>

这样，就可以消除el-menu产生的外边框了。