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，樣式便可覆蓋。