要移除layui侧边栏默认浅绿色背景条，需覆盖.layui-nav .layui-this及.layui-nav .layui-nav-itemed .layui-this的背景色、边框等样式，并同步重置hover/focus态，确保自定义css在主题文件后加载。

要移除 layui 侧边栏菜单中默认选中的浅绿色背景条，关键不是隐藏某个 class，而是**覆盖 `.layui-nav-itemed > .layui-nav-child` 下被激活项的高亮样式**。这个浅绿条（通常是 `#009688` 或其衍生色）来自 `.layui-nav .layui-this` 和 `.layui-nav .layui-nav-itemed .layui-this` 的背景色与边框规则，它作用于当前点击展开并处于激活状态的菜单项。

直接覆盖当前激活项的背景和边框

在你的自定义 CSS 文件末尾或页面 `

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

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

下载

• 用高优先级选择器精准命中：`.layui-nav .layui-this, .layui-nav .layui-nav-itemed .layui-this`
• 清除背景色、边框和内边距带来的视觉突出效果：

.layui-nav .layui-this,
.layui-nav .layui-nav-itemed .layui-this {
  background-color: transparent !important;
  border-left: 3px solid transparent !important;
  color: inherit !important;
  font-weight: normal !important;
}

同时处理悬停态与焦点态（避免鼠标移入又变绿）

仅改 `.layui-this` 不够，因为用户 hover 到未激活项时也可能触发临时高亮。需一并重置 hover 和 focus 状态：

• `.layui-nav .layui-nav-item:hover, .layui-nav .layui-nav-item:focus` 控制悬停/聚焦时的背景
• `.layui-nav .layui-nav-itemed .layui-nav-child dd:hover` 影响子菜单项悬停色

.layui-nav .layui-nav-item:hover,
.layui-nav .layui-nav-item:focus,
.layui-nav .layui-nav-itemed .layui-nav-child dd:hover {
  background-color: transparent !important;
  color: #333 !important;
}

检查是否启用了主题包或全局样式污染

如果你引入了 `layui-theme-blue.css` 或其他主题文件，它们会注入大量带 `!important` 的颜色规则，可能覆盖你的修改。解决方法：

• 确认你的自定义 CSS 在所有 layui 主题 CSS 之后加载（推荐放在 `