element更改導(dǎo)航欄被選中項(xiàng)的背景顏色

在使用element的導(dǎo)航欄菜單時(shí)，官方文檔指明可以改變導(dǎo)航欄的的背景顏色，字體顏色以及選中項(xiàng)的字體顏色，但是有時(shí)我們想要使用自定義顏色。在F12中可以看見(jiàn)，在設(shè)置了官方文檔中的background-color、text-color、active-text-color后，element將這些樣式添加到了element.style中。如下：

element.style{ padding-left: 20px; color: rgb(90, 87, 87); background-color: rgb(228, 229, 230); }

這時(shí)無(wú)論怎么設(shè)置css都無(wú)法覆蓋顏色，這時(shí)可以使用!important。

.el-menu-item.is-active {background-color: rgb(231, 235, 240) !important; }

這時(shí)自定義背景顏色的權(quán)重大于element.style，樣式便可覆蓋。

總結(jié)

以上是生活随笔為你收集整理的element更改导航菜单被选中项的背景颜色的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

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