layui导航栏默认无悬停下划线，出现下划线是因a标签默认样式或自定义css所致；去除方法为设置.text-decoration: none；针对侧边栏推荐.layui-nav-tree a { text-decoration: none; }。

layui 默认的导航栏菜单项在鼠标悬停时不会自带下划线，如果你看到下划线，大概率是项目中自定义的 CSS 或浏览器默认链接样式（a 标签）导致的。去除方法很简单，核心就是重置 text-decoration。

直接清除所有导航链接的下划线

layui 的左侧菜单和顶部导航通常使用 @#@#@#@#@#@#@#@#@#@0

深蓝色网站后台管理系统layui框架模板-AdminPro

一款深蓝色网站后台管理系统layui框架模板

下载

建议这样写，避免影响其他区域：

• .layui-nav-tree a { text-decoration: none; }
• .layui-nav-tree a:hover { text-decoration: none !important; }（加 !important 防覆盖）

顺手处理文字溢出省略问题（常见连带需求）

侧边栏宽度固定时，文字常被截断显示省略号（text-overflow: ellipsis）。若想悬停看全称，可配合 tips 提示（如知识库中提到的 layer.tips 方案），但这和下划线无关，属于增强体验，按需添加。