如何在 Element UI 菜单栏中去除 li 元素下的划线？

elementUI菜单栏li下划线去除

在elementUI的菜单栏中，当鼠标悬停在li元素上时，会出现一条下划线，这可能会影响页面设计的美观度。那么，如何去除这条下划线呢？

解决方案

可以通过修改CSS样式来去除下划线。具体操作步骤如下：

1. 打开CSS文件或创建一个新的CSS文件。
2. 找到以下CSS规则（如果有的话）：

.el-menu-item a {
  text-decoration: underline;
}

如果没有，则添加以下CSS规则：

.el-menu-item-group > .el-menu > .el-menu-item > a {
  text-decoration: none !important;
}

3. 保存CSS文件。

注意：

• text-decoration: none !important;可以覆盖element-ui的默认样式，确保去除下划线。
• 如果上述方法没有奏效，可以尝试检查浏览器的开发者工具，查看是否有其他样式覆盖了你的自定义样式。

以上就是如何在 Element UI 菜单栏中去除 li 元素下的划线？的详细内容，更多请关注其它相关文章！