如何修改el-form-item 的label的字體顏色
更新時間：2023年10月17日 09:40:05 作者：ChenMoJie_
這篇文章主要介紹了如何修改el-form-item 的label的字體顏色問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
修改el-form-item 的label 的字體顏色
修改前
<el-form-item label="聯(lián)系電話*">
<div class="cont_left">
<el-input v-model="form.contact_phone" placeholder="請輸入聯(lián)系電話" />
</div>
</el-form-item>
修改后（去掉el-form-item label 屬性）
<el-form-item>
<span slot="label">
<span>金額</span>
<span style="color: red">*</span>
</span>
<el-input v-model="form.money" placeholder="請輸入" style="width: 60%;" />
</el-form-item>
element單獨修改label的顏色
效果
步驟1
給label加單獨的class 例：clickPostion
步驟2
css樣式
.clickPostion .el-form-item__label {
color: #F56C6C;
}
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章我們從 ast 生成時調(diào)用的 baseParse 函數(shù)分析，再到 baseParse 返回 createRoot 的調(diào)用結(jié)果，一直到細化的講解了 parseChildren 解析子節(jié)點函數(shù)中的其中某一個具體解析器的執(zhí)行過程。最后通過一個簡單模板舉例,需要的朋友可以參考下2021-09-09
今天小編就為大家分享一篇在vue中阻止瀏覽器后退的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
這篇文章主要介紹了Vue.js劃分組件的方法,需要的朋友可以參考下2017-10-10
本文主要介紹了vue.js實現(xiàn)綁定class和style樣式的方法。具有很好的參考價值。下面跟著小編一起來看下吧2017-04-04
這篇文章主要為大家詳細介紹了vue實現(xiàn)雙向數(shù)據(jù)綁定，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-05-05
vue-router路由傳參的兩種方式詳解(params和query)
vue-router 是一個基于vue.js的路由器,它提供了強大的路由功能,能夠幫助開發(fā)者快速構(gòu)建單頁應用程序,本文將詳細介紹 vue-router 路由傳參的方法,包括路由傳參的概念、路由傳參的方法、路由傳參的應用場景等,需要的朋友可以參考下2024-12-12
這篇文章主要介紹了深度解析?Vue3?的響應式機制，今天就帶大家深入了解一下 Vue 3 的響應式機制，相信學完今天的內(nèi)容，會對響應式機制有更深地體會；文章會結(jié)合代碼示例，幫大家掌握響應式機制的進階用法，讓我們正式開始學習吧2022-09-09
這篇文章主要介紹了vue基于viewer實現(xiàn)的圖片查看器的實例代碼，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2019-04-04
今天小編就為大家分享一篇淺談vue方法內(nèi)的方法使用this的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
Element 默認勾選表格 toggleRowSelection的實現(xiàn)
這篇文章主要介紹了Element 默認勾選表格 toggleRowSelection的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-09-09