快捷導(dǎo)航

vue3 elementPlus部分組件樣式修改的方法

更新時(shí)間：2024年01月24日 11:18:02 作者：小沐°

這篇文章主要介紹了vue3 elementPlus部分組件樣式修改的方法,本文給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧

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)簽頁(yè)選中時(shí)文字顏色
::v-deep .el-tabs__item.is-active {
  color: #a88d5b !important;
}
//標(biāo)簽頁(yè)鼠標(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)文章

Vue3組件渲染前的初始化過(guò)程
Vue3?中一個(gè)組件從創(chuàng)建到掛在,會(huì)經(jīng)過(guò)3個(gè)重點(diǎn)步驟：創(chuàng)建組件實(shí)例,設(shè)置組件實(shí)例,創(chuàng)建并執(zhí)行帶副作用的渲染函數(shù),本文將著重講清?創(chuàng)建組件實(shí)例、設(shè)置組件實(shí)例?這兩個(gè)過(guò)程都做了什么,這部分邏輯很簡(jiǎn)單,但你會(huì)從中學(xué)習(xí)到?Vue?優(yōu)秀的實(shí)踐技巧,需要的朋友可以參考下
2024-07-07
vue element ui使用選擇器實(shí)現(xiàn)地區(qū)選擇兩種方法
這篇文章主要給大家介紹了關(guān)于vue element ui使用選擇器實(shí)現(xiàn)地區(qū)選擇的兩種方法,Element UI是一套基于Vue.js開(kāi)發(fā)的UI組件庫(kù),其中包含了地區(qū)選擇器(Cascader)組件,需要的朋友可以參考下
2023-09-09
Vue?3.0?項(xiàng)目創(chuàng)建過(guò)程及解決方案
這篇文章主要介紹了Vue?3.0?項(xiàng)目創(chuàng)建過(guò)程，首先要確保電腦上已安裝node.js,確保已安裝?Vue?CLI,本文結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下
2024-04-04
vue+高德地圖寫(xiě)地圖選址組件的方法
這篇文章主要介紹了vue+高德地圖寫(xiě)地圖選址組件的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-05-05
Vue中安裝element-ui失敗問(wèn)題原因及解決
Vue中安裝element-ui失敗問(wèn)題原因及解決，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2023-01-01
淺談VUE uni-app 開(kāi)發(fā)環(huán)境
這篇文章主要介紹了uni-app的開(kāi)發(fā)環(huán)境，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2021-10-10
vue-cli創(chuàng)建項(xiàng)目ERROR?in?Conflict:?Multiple?assets?emit?dif
最近vue/cli創(chuàng)建項(xiàng)目后出現(xiàn)了錯(cuò)誤,下面這篇文章主要給大家介紹了關(guān)于vue-cli創(chuàng)建項(xiàng)目ERROR?in?Conflict:?Multiple?assets?emit?different?content?to?the?same?filename?index.html問(wèn)題的解決辦法,需要的朋友可以參考下
2023-02-02
公共組件父子依賴調(diào)用及子校驗(yàn)父條件問(wèn)題解決
這篇文章主要介紹了如何解決公共組件父子組件依賴調(diào)用和子組件校驗(yàn)父組件條件的問(wèn)題，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-10-10
vue父子組件之間如何通過(guò)v-model傳值
這篇文章主要介紹了vue父子組件之間如何通過(guò)v-model傳值的實(shí)現(xiàn)方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
2026-03-03
vue實(shí)現(xiàn)購(gòu)物車全部功能的簡(jiǎn)單方法
vue是前端輕量級(jí)MVVM框架,入門(mén)門(mén)檻相對(duì)較低,今天用Vue做一個(gè)購(gòu)物車實(shí)例,所以下面這篇文章主要給大家介紹了關(guān)于vue實(shí)現(xiàn)購(gòu)物車全部功能的簡(jiǎn)單方法,需要的朋友可以參考下
2021-07-07