elementplus 设置el-menu-item设置hover字体颜色不生效 .el-menu-item:hover{color:#fff;background-color:#00c292; } 在Element Plus中,如果你发现<el-menu-item>的hover时的字体颜色不生效,可能是由于CSS样式被其他更具体选择器的样式覆盖。为了解决这个问题,你可以提升你的自定义CSS规则的优先级,或者确保你的...
css /*主菜单样式*/>>>.el-submenu__title{}/*主菜单悬浮样式*//deep/.el-submenu__title:hover{color:white!important;background:#1890FF!important;}/*子菜单样式*//deep/.el-menu-item{background:#283847!important;}/*子菜单悬浮样式*//deep/.el-menu-item:hover{color:white!important;background...
然后将指针移动到el-sub-menu上,但不点击,使下拉栏自动弹出; 点击下拉栏中的el-menu-item,然后观察单独的el-menu-item的背景颜色。 What is Expected? 当点击一个el-menu-item后,背景变色,但会立即或不久消失; 当点击另外的el-menu-item时,之前所点击的el-menu-item样式应该回复原状。 What is actually hap...
在页面中加上样式.el-menu-item:hover就可以了。
<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...