element更改導航欄被選中項的背景顏色

在使用element的導航欄菜單時，官方文檔指明可以改變導航欄的的背景顏色，字體顏色以及選中項的字體顏色，但是有時我們想要使用自定義顏色。在F12中可以看見，在設置了官方文檔中的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); }

這時無論怎么設置css都無法覆蓋顏色，這時可以使用!important。

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

這時自定義背景顏色的權重大于element.style，樣式便可覆蓋。

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。