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