这句话设置选中的背景颜色 .el-menu-item.is-active { background-color: #ccff00!important; } <template><divclass="common-layout"><!--全屏的关键:height:100vh--><el-containerstyle=" height: 100vh"><el-asidestyle="background-color: #191970;"width="200px"><LeftMenu></LeftMenu></el-as...
按照上面组件描述,我不想使用background-color属性设置背景颜色(已被废弃),那--bg-color方式怎么用呢? 我用<el-menu style="--bg-color:red" >...</el_menu>也没有效果啊! 那位大神给个提示,不知道哪里出错了! 2 Answered by songxh2 Sep 25, 2022 结果使用<el-menu style="--el-menu-bg-color...
<style scoped> /* 覆盖el-submenu下的el-menu-item的背景颜色 */ .el-submenu .el-menu-item { background-color: #f0f0f0 !important; /* 替换为你想要的颜色 */ } /* 可选:覆盖其他相关样式,如鼠标悬停时的背景颜色 */ .el-submenu .el-menu-item:hover { background-color: #e0e0e0 ...
UE+ElementUI更改导航菜单选中背景颜色 主要是设置 .el-menu-item.is-active 选择器的样式属性 官方文档中提供background-color、text-color、active-text-color三种属性 仅提供了激活菜单文字颜色,并没有提供激活菜单的其他参数 <el-menudefault-active="0"class="el-menu-vertical-demo"@open="handleOpen"@close=...
<el-menu<!--依次为菜单背景颜色、字体颜色、激活时颜色-->background-color="#2F4050" text-color="#9CB4CC" active-text-color="white" ... ><el-submenu><el-menu-item>...</el-menu-item></el-submenu></el-menu> html中已经实现了菜单的主体样式,细节样式通过下述css实现。
//设置一级菜单和二级菜单的背景颜色.el-sub-menu.el-menu-item{background-color:RGB(38,87,227)!important; } //设置选鼠标指针浮动在一级菜单的设置.el-menu-item:hover{background-color: aqua!important;; } //设置当前被选中的一级菜单.el-menu-item.is-active{color:#fff!important;background: bl...
el-menu el-menu-item Reproduction Link Element Plus Playground Steps to reproduce 使用el-menu并设置mode="horizontal"; 至少拥有一个el-menu-item,可以增加一个el-sub-menu,并在其中添加一个el-menu-item(效果会更加明显); 点击单独的el-menu-item,观察el-menu-item的背景颜色; ...
我想设置个菜单栏,背景透明度设为50%或者更低,但是增加opacity,改变的是icon的颜色颜色透明度,请问我该怎么设置,还有,如果我想设置鼠标左移到最左侧跳出这个icon的菜单,我是用z-index吗` <el-menu background-color="rgb(44,62,80)" router > <!-- rgba(44,62,80,0.5)无效 --> <el-menu-item index=...
在elementUI中,默认的背景颜色是白色;当选择它们时:黑暗,它是黑色的,但是我如何能够自己定制bg颜色?我尝试在el-menu标记中添加样式属性,但它没有工作。<el-menu style="{background-color: rgb(36,36,36)!important}" 我试图找到el-menu标签的css文件的源代码,并试图更改一些与背景色有关的设置,也 浏览4提问...
Bug Type: Style Environment Vue Version: 3.2.7 Element Plus Version: 2.2.25 Browser / OS: Chrome Build Tool: Vite Reproduction Related Component el-menu Reproduction Link Docs Steps to reproduce <!-- 切换成暗黑模式后 el-menu 失去背景色无法遮挡下层的元素