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