el-menu修改item顏色的實現(xiàn)
更新時間：2023年04月13日 16:05:50 作者：bu_xiang_tutou
本文主要介紹了el-menu修改item顏色的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
本文主要介紹了el-menu修改item顏色的實現(xiàn)，具體如下：
今天在在點擊el-menu的一級菜單和二級菜單出現(xiàn)了點擊成白色，剛好我設(shè)置的文字顏色也是白色，就變成什么都看不見了。
//設(shè)置一級菜單和二級菜單的背景顏色
.el-sub-menu .el-menu-item {
background-color: RGB(38,87,227) !important;
}
//設(shè)置選鼠標(biāo)指針浮動在一級菜單的設(shè)置
.el-menu-item:hover{
background-color: aqua !important;;
}
//設(shè)置當(dāng)前被選中的一級菜單
.el-menu-item.is-active {
color: #fff !important;
background: black !important;
}
但是當(dāng)我使用，下面的代碼去修改二級菜單的鼠標(biāo)浮點事件的時候，我設(shè)置的背景顏色就只出現(xiàn)在我鼠標(biāo)浮動的那個時刻。
.el-sub-menu:hover{
background-color: aqua !important;;
}要設(shè)置二級菜單的觸發(fā)背景顏色的時候，應(yī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顏色的實現(xiàn)的文章就介紹到這了,更多相關(guān)el-menu修改item顏色內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
Vue中使用vue-count-to(數(shù)字滾動插件)詳細教程
這篇文章主要給大家介紹了關(guān)于Vue中使用vue-count-to(數(shù)字滾動插件)的相關(guān)資料,最近需要開發(fā)一個數(shù)字滾動效果,在網(wǎng)上找到一個關(guān)于vue-countTo的插件,覺得這個插件還不錯,需要的朋友可以參考下2023-09-09
a vue component，基于vue的表格組件，主要解決大數(shù)據(jù)量的表格渲染性能問題，使用canvas繪制表格，同時支持類似excel的批量選中，復(fù)制黏貼刪除，實時編輯等功能.這篇文章主要介紹了基于vue+canvas的excel-like組件,需要的朋友可以參考下2017-11-11
這篇文章主要為大家介紹了Vue3模板引用的操作方式示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-06-06
這篇文章主要介紹了Vue路由守衛(wèi)之路由獨享守衛(wèi)的代碼，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2019-09-09
這篇文章主要介紹了Vue 實現(xiàn)前進刷新后退不刷新的效果,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-06-06
詳解Vue CLI 3.0腳手架如何mock數(shù)據(jù)
這篇文章主要介紹了詳解Vue CLI 3.0腳手架如何mock數(shù)據(jù)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-11-11
Vue基于vuex、axios攔截器實現(xiàn)loading效果及axios的安裝配置
這篇文章主要介紹了Vue基于vuex、axios攔截器實現(xiàn)loading效果及axios的安裝配置,本文給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2019-04-04
mpvue實現(xiàn)左側(cè)導(dǎo)航與右側(cè)內(nèi)容的聯(lián)動
這篇文章主要為大家詳細介紹了mpvue實現(xiàn)左側(cè)導(dǎo)航與右側(cè)內(nèi)容的聯(lián)動，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-10-10
這篇文章主要為大家介紹了前端vue架構(gòu)插槽slot使用教程示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-02-02
Lambda函數(shù),也稱為匿名函數(shù),是Vue3中的一種函數(shù)類型,綁定匿名方法和綁定普通方法主要是寫法上的區(qū)別,其他的區(qū)別并不是很大,本文主要介紹了Vue3中使用匿名函數(shù)的方法實現(xiàn),感興趣的可以了解一下2023-12-12