<!文档类型 网页类型>
<网页 语言代码="中文">
    <网页头部>
        <网页信息 文档编码="UTF8" />
        <网页信息 名称="页面视图" 关联数据="视图宽度=填充视图宽度,初始缩放值=1,最大缩放值=1,用户缩放状态=假" />
        <网页信息 关联HTTP="兼容模式" 关联数据="最高IE版本" />
        <网页标题>Document</网页标题>
    </网页头部>
    <网页主体>
        <!--这里编写网页代码-->
        <无序列表 类名="lay-导航 lay-导航-垂直">
            <列表项 类名="lay-导航-项目 lay-导航-选中项目">
                <超链接 链接地址="javascript:;">默认展开</超链接>
                <描述列表 类名="lay-导航-子集">
                    <描述列表项><超链接 链接地址="javascript:;">选项1</超链接></描述列表项>
                    <描述列表项><超链接 链接地址="javascript:;">选项2</超链接></描述列表项>
                    <描述列表项><超链接 链接地址="">跳转</超链接></描述列表项>
                </描述列表>
            </列表项>
            <列表项 类名="lay-导航-项目">
                <超链接 链接地址="javascript:;">解决方案</超链接>
                <描述列表 类名="lay-导航-子集">
                    <描述列表项><超链接 链接地址="">移动模块</超链接></描述列表项>
                    <描述列表项><超链接 链接地址="">后台模版</超链接></描述列表项>
                    <描述列表项><超链接 链接地址="">电商平台</超链接></描述列表项>
                </描述列表>
            </列表项>
            <列表项 类名="lay-导航-项目"><超链接 链接地址="">产品</超链接></列表项>
            <列表项 类名="lay-导航-项目"><超链接 链接地址="">大数据</超链接></列表项>
        </无序列表>
        <样式>
            .lay-导航-垂直 .lay-导航-功能条 {
                背景-颜色: 颜色值-红色;
            }
        </样式>
    </网页主体>
</网页>

参考该代码

这个类名改css背景试试

.layui-nav-tree .layui-nav-bar