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