el-menu修改item顏色的實(shí)現(xiàn)
本文主要介紹了el-menu修改item顏色的實(shí)現(xiàn),具體如下:
今天在在點(diǎn)擊el-menu的一級(jí)菜單和二級(jí)菜單出現(xiàn)了點(diǎn)擊成白色,剛好我設(shè)置的文字顏色也是白色,就變成什么都看不見(jiàn)了。
//設(shè)置一級(jí)菜單和二級(jí)菜單的背景顏色 .el-sub-menu .el-menu-item { background-color: RGB(38,87,227) !important; } //設(shè)置選鼠標(biāo)指針浮動(dòng)在一級(jí)菜單的設(shè)置 .el-menu-item:hover{ background-color: aqua !important;; } //設(shè)置當(dāng)前被選中的一級(jí)菜單 .el-menu-item.is-active { color: #fff !important; background: black !important; }
但是當(dāng)我使用,下面的代碼去修改二級(jí)菜單的鼠標(biāo)浮點(diǎn)事件的時(shí)候,我設(shè)置的背景顏色就只出現(xiàn)在我鼠標(biāo)浮動(dòng)的那個(gè)時(shí)刻。
.el-sub-menu:hover{ background-color: aqua !important;; }
要設(shè)置二級(jí)菜單的觸發(fā)背景顏色的時(shí)候,應(yīng)使用項(xiàng)目的代碼
.el-sub-menu:hover{ background-color: aqua !important;; } .el-sub-menu__title:focus, .el-sub-menu__title:hover{ background-color: aqua !important;; }
到此這篇關(guān)于el-menu修改item顏色的實(shí)現(xiàn)的文章就介紹到這了,更多相關(guān)el-menu修改item顏色內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
使用Vue.$set()或者Object.assign()修改對(duì)象新增響應(yīng)式屬性的方法
vue代碼中,只要在data對(duì)象里定義的對(duì)象,賦值后,任意一個(gè)屬性值發(fā)生變化,視圖都會(huì)實(shí)時(shí)變化,這篇文章主要介紹了使用Vue.$set()或者Object.assign()修改對(duì)象新增響應(yīng)式屬性,需要的朋友可以參考下2022-12-12vue 實(shí)現(xiàn)超長(zhǎng)文本截取,懸浮框提示
這篇文章主要介紹了vue 實(shí)現(xiàn)超長(zhǎng)文本截取,懸浮框提示,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-07-07Vuejs對(duì)象常用操作之取對(duì)應(yīng)的值、取key和value值、轉(zhuǎn)數(shù)組及合并等
最近在學(xué)Vue和javascript感覺(jué)js的好多方法都不太清楚,這里徹底總結(jié)下,這篇文章主要給大家介紹了關(guān)于Vuejs對(duì)象常用操作之取對(duì)應(yīng)的值、取key和value值、轉(zhuǎn)數(shù)組及合并等的相關(guān)資料,需要的朋友可以參考下2024-01-01VueCLI通過(guò)process.env配置環(huán)境變量的實(shí)現(xiàn)
本文主要介紹了VueCLI通過(guò)process.env配置環(huán)境變量的實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-07-07基于better-scroll 實(shí)現(xiàn)歌詞聯(lián)動(dòng)功能的代碼
BetterScroll 是一款重點(diǎn)解決移動(dòng)端(已支持 PC)各種滾動(dòng)場(chǎng)景需求的插件,BetterScroll 是使用純 JavaScript 實(shí)現(xiàn)的,這意味著它是無(wú)依賴的。本文基于better-scroll 實(shí)現(xiàn)歌詞聯(lián)動(dòng)功能,感興趣的朋友跟隨小編一起看看吧2020-05-05Vue2 Element el-table多選表格控制選取的思路解讀
這篇文章主要介紹了Vue2 Element el-table多選表格控制選取的思路解讀,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-07-07Vue?import?from省略后綴/加載文件夾的方法/實(shí)例詳解
本文介紹Vue在import時(shí)省略后綴以及import文件夾的方法,結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-08-08vue自定義loader將行內(nèi)樣式px轉(zhuǎn)rem適配
這篇文章主要為大家介紹了vue自定義loader將行內(nèi)樣式px轉(zhuǎn)rem適配示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-08-08