如何修改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)文章
淺談vue中改elementUI默認樣式引發(fā)的static與assets的區(qū)別
下面小編就為大家分享一篇淺談vue中改elementUI默認樣式引發(fā)的static 與assets的區(qū)別，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
詳解Vue項目編譯后部署在非網(wǎng)站根目錄的解決方案
這篇文章主要介紹了Vue項目編譯后部署在非網(wǎng)站根目錄的解決方案,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-04-04
這篇文章主要介紹了vue-cli3中vue.config.js配置教程，本文給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-05-05
vue網(wǎng)絡請求方案原生網(wǎng)絡請求和js網(wǎng)絡請求庫
這篇文章主要為大家介紹了網(wǎng)絡請求方案原生網(wǎng)絡請求和js網(wǎng)絡請求庫的過程示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步2021-11-11
最近在寫vue的一個項目要實現(xiàn)過渡的效果,雖然vue動畫不是強項,庫也多,但是基本的坑還是得踩扎實,下面這篇文章主要給大家介紹了關(guān)于Vue中實現(xiàn)過渡動畫效果的相關(guān)資料,需要的朋友可以參考下2023-01-01
Vue + Echarts頁面內(nèi)存占用高的問題解決方案
點擊左側(cè)的菜單可以切換不同的看板,有些看板頁面中的報表比較多,用戶多次切換后頁面的內(nèi)存占用可以上升為GB級,嚴重時導致頁面內(nèi)存溢出,使得頁面崩潰,極大影響了用戶體驗,本文給大家介紹Vue + Echarts頁面內(nèi)存占用高的問題解決方案,感興趣的朋友一起看看吧2024-02-02
本文主要介紹了el-menu動態(tài)加載路由的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-04-04
這篇文章主要介紹了vue-cli-瀏覽器實現(xiàn)熱更新,最常用的是webpack-dev-server，它是一個小型的Node.js?Express服務器，它使用webpack-dev-middleware來服務于webpack的包，本文結(jié)合實例代碼介紹的非常詳細，需要的朋友參考下吧2024-03-03
今天小編就為大家分享一篇vue2 設置router-view默認路徑的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
這篇文章主要介紹了vue中標簽自定義屬性的使用及說明，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-05-05