vue3 elementPlus部分組件樣式修改的方法
更新時(shí)間：2024年01月24日 11:18:02 作者：小沐°
這篇文章主要介紹了vue3 elementPlus部分組件樣式修改的方法,本文給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧
前提：在less語言下使用/deep/；在sass語言下使用 ::v-deep 替換 /deep/
el-dropdown
//下拉框中文字顏色
::v-deep .el-dropdown-menu__item:not(.is-disabled):focus {
background-color: #f5f5f5;
color: #A88D5B;
}
//去除下拉框邊框
:deep(.el-tooltip__trigger:focus-visible) {
outline: unset;
}el-input
//改變輸入框選中時(shí)邊框顏色
.el-input {
--el-input-focus-border-color: #88733c;
}el-tabs
//標(biāo)簽頁選中時(shí)文字顏色
::v-deep .el-tabs__item.is-active {
color: #a88d5b !important;
}
//標(biāo)簽頁鼠標(biāo)懸浮時(shí)文字顏色
::v-deep .el-tabs__item:hover {
color: #a88d5b !important; //懸浮
}到此這篇關(guān)于vue3-elementPlus部分組件樣式修改的文章就介紹到這了,更多相關(guān)vue3-elementPlus樣式修改內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了vue 判斷元素內(nèi)容是否超過寬度的方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2020-07-07
Vue項(xiàng)目中使用jsonp抓取跨域數(shù)據(jù)的方法
這篇文章主要介紹了Vue項(xiàng)目中使用jsonp抓取跨域數(shù)據(jù)的方法，本文通過實(shí)例代碼講解的非常詳細(xì),需要的朋友可以參考下2019-11-11
在Vue?3中,可以通過創(chuàng)建一個(gè)事件總線（event?bus）來實(shí)現(xiàn)組件之間的通信,要在Vue?3中使用事件總線,主要步驟有：1、創(chuàng)建一個(gè)新的Vue實(shí)例作為事件總線,2、在組件中引入并使用該事件總線,以下是詳細(xì)的步驟和示例,需要的朋友可以參考下2025-01-01
使用Element-UI的el-tabs組件,瀏覽器卡住了的問題及解決
這篇文章主要介紹了使用Element-UI的el-tabs組件,瀏覽器卡住了的問題及解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-08-08
下面小編就為大家分享一篇基于Vue2.X的路由和鉤子函數(shù)詳解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-02-02
在Vue開發(fā)中遇到了搜索框輸入防抖處理,算是防抖的使用場(chǎng)景之一吧,這篇文章主要給大家介紹了關(guān)于Vue3指令之搜索框輸入防抖功能實(shí)現(xiàn)的相關(guān)資料,需要的朋友可以參考下2022-12-12
Vue鼠標(biāo)點(diǎn)擊事件和鍵盤事件舉例詳解
在Vue框架中我們經(jīng)常需要綁定各種JS事件,如"點(diǎn)擊事件"、"鼠標(biāo)移動(dòng)事件"、"鍵盤事件"等等,這篇文章主要給大家介紹了關(guān)于Vue鼠標(biāo)點(diǎn)擊事件和鍵盤事件的相關(guān)資料,需要的朋友可以參考下2024-01-01
這篇文章主要介紹了vue中的自定義分頁插件組件的示例，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-08-08
本文主要介紹了nuxt.js框架使用小結(jié),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-08-08
Element?plus中el-input框回車觸發(fā)頁面刷新問題以及解決辦法
在el-form表單組件中el-input組件輸入內(nèi)容后按下Enter鍵刷新了整個(gè)頁面,下面這篇文章主要給大家介紹了關(guān)于Element?plus中el-input框回車觸發(fā)頁面刷新問題以及解決辦法,需要的朋友可以參考下2024-03-03