首页> 实战笔录 >前端开发 >ElementPlus ElementPlus
elementplus 设置el-menu-item设置hover字体颜色不生效
作者：小萝卜 2024-03-29 【 ElementPlus 】 浏览 69
简介在Element Plus中，如果你发现<el-menu-item>的hover时的字体颜色不生效，可能是由于CSS样式被其他更具体选择器的样式覆盖。为了解决这个问题，你可以提升你的自定义CSS规则的优先级，或者确保你的自定义样式在全局样式文件中的优先级高于Element Plus的默认样式。
elementplus 设置el-menu-item设置hover字体颜色不生效
.el-menu-item:hover{
color: #fff;
background-color: #00c292;
}
在Element Plus中，如果你发现<el-menu-item>的hover时的字体颜色不生效，可能是由于CSS样式被其他更具体选择器的样式覆盖。为了解决这个问题，你可以提升你的自定义CSS规则的优先级，或者确保你的自定义样式在全局样式文件中的优先级高于Element Plus的默认样式。
将样式代码提高优先级：
.el-menu-item:hover{
color: #fff !important;
background-color: #00c292;
}
很赞哦！ (0)
