要修改el-menu激活时的颜色,你可以按照以下步骤进行: 1. 确定el-menu激活时的默认颜色 el-menu是Element UI库中的一个组件,其激活时的默认颜色由Element UI的样式表定义。通常,激活的菜单项会有一个is-active类。 2. 查找el-menu激活颜色相关的CSS类或样式 激活的菜单项通常会有.el-menu-item.is-active这个...
今天在在点击el-menu的一级菜单和二级菜单出现了点击成白色,刚好我设置的文字颜色也是白色,就变成什么都看不见了。 //设置一级菜单和二级菜单的背景颜色.el-sub-menu.el-menu-item{background-color:RGB(38,87,227)!important; } //设置选鼠标指针浮动在一级菜单的设置.el-menu-item:hover{background-color:...
<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实现。 css /*主菜单样...
选某选的第一个,其它的项第一个的文字颜色也跟着一起修改了,这是哪里设置错了? <el-menu class="el-menu-vertical-demo" @open="menuChange" @select="gotoUrl" @close="handleClose" background-color="#304156" text-color="#BFCBD9" active-text-color="#1890ff"> <div v-for="(item, index) i...
el-menu在使用时有一个问题选某选的第一个,其它的项第一个的文字颜色也跟着一起修改了,这是哪里设置错了? <el-menu class="el-menu-vertical-demo" @open="menuChange" @select="gotoUrl" @close="handleClose" background-color="#304156" text-color="#BFCBD9" active-text-color="#1890ff"> <div...