背景顏色

/deep/.el-menu .el-menu-item:hover{outline: 0 !important;color: #2E95FB !important;background: linear-gradient(270deg, #F2F7FC 0%, #FEFEFE 100%)!important; } /deep/.el-menu .el-menu-item.is-active {color: #2E95FB !important;background: linear-gradient(270deg, #F2F7FC 0%, #FEFEFE 100%)!important; } .el-submenu /deep/.el-submenu__title:hover {color: #2E95FB !important;background: linear-gradient(270deg, #F2F7FC 0%, #FEFEFE 100%)!important; }

element-ui中如何去掉el-menu菜單欄中下劃線
導(dǎo)航菜單默認(rèn)為垂直模式，通過mode屬性可以使導(dǎo)航菜單變更為水平模式。另外，在菜單中通過submenu組件可以生成二級(jí)菜單。Menu
還提供了background-color、text-color和active-text-color，分別用于設(shè)置菜單的背景色、菜單的文字顏色和當(dāng)前激活菜單的文字顏色。

<el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect"background-color="#545c64"text-color="#fff"active-text-color="red"></el-menu> .el-menu--horizontal > .el-menu-item {50%;border-bottom: none;height: 1rem;line-height: 0.5rem;text-align: center; } .el-menu--horizontal > .el-menu-item.is-active {border-bottom: none; }

總結(jié)

以上是生活随笔為你收集整理的【修改el-menu主菜单和子菜单悬浮的背景色】的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。