elementUI 菜单栏下划线如何去除
在使用 elementUI 菜单栏时，默认情况下，选中菜单项后会出现一条下划线。然而，有时我们可能需要去除这条下划线，以获得更简洁美观的效果。
解决这个问题的方法非常简单，只需要在菜单项的
柏顿企业网站管理系统 1.0
下载
柏顿企业网站管理系统（免费版）秉承了东莞柏顿软件的一惯原则（致力于打造简洁、实用、绿色的管理系统）而推出的一款适合广大中小型企业的网站管理系统。主要功能如下：1.基本设置：联系方式、关键字、版权信息等等；2.菜单管理：用户可以在线增加、删除、修改和隐藏前台的菜单栏目和菜单项3.新闻系统：支持二级分类，可分类查看新闻、修改新闻、批量推荐、删除新闻，可设置是否推荐、新闻点击等4.产品系统: 产品类别新
首先，在
.el-menu--horizontal > .el-menu-item:hover,
.el-menu--horizontal > .el-menu-item:focus,
.el-menu--horizontal > .el-menu-item.is-active,
.el-menu--horizontal > .el-menu-item.is-opened {
text-decoration: none;
}然后，在 HTML 代码中，为选中菜单项的
<el-menu :default-active="1" mode="horizontal"> <el-menu-item index="1" is-active>菜单项 1</el-menu-item> <el-menu-item index="2">菜单项 2</el-menu-item> </el-menu>
添加上述 CSS 样式和类名后，选中菜单项的下划线将被去除，呈现出更加清爽简洁的效果。
