鍍金池/ 問(wèn)答/HTML5  HTML/ 如何修改ElementUI的樣式

如何修改ElementUI的樣式

現(xiàn)在碰到一個(gè)問(wèn)題 就是運(yùn)用了Elemnt的下拉框組件 我提交時(shí)會(huì)做必填項(xiàng)的檢查 如果下拉框沒(méi)有選東西的話 會(huì)讓它的邊框變紅 通過(guò):class來(lái)動(dòng)態(tài)生成class 但是 因?yàn)檫@個(gè)是Element封裝好的組件,所以下面的代碼失敗了 怎么才能添加class呢?
圖片描述

回答
編輯回答
陌離殤

官方教程
可以定制主題,或者使用SCSS,或者通過(guò)命令行改變。

2018年5月2日 13:08
編輯回答
有點(diǎn)壞

主css里面寫樣式,需要的地方引入

2018年7月11日 00:18
編輯回答
執(zhí)念

參考官方文檔http://element-cn.eleme.io/#/...。
clipboard.png

2017年7月17日 23:55
編輯回答
舊言

可以仔細(xì)看下官網(wǎng),其中有這樣的列子。

2018年2月26日 21:15
編輯回答
深記你

可以選擇樓上的答案,同時(shí)elementui也有自己的驗(yàn)證規(guī)則,你可以看一下

2018年7月12日 00:37
編輯回答
凝雅

建議使用 elementUi 的 表單驗(yàn)證,這樣的好處是可以和其他的表單項(xiàng)目同步觸發(fā),可以使用表單的各種驗(yàn)證、清空等操作,聯(lián)動(dòng)驗(yàn)證結(jié)果的展示,且交互一致,elementUi 的報(bào)錯(cuò)提示會(huì)有動(dòng)畫效果,比較順滑.

clipboard.png

2018年7月30日 05:01
編輯回答
巷尾

根據(jù)官網(wǎng)例子改的,有值變紅色,你看下

圖片描述

2018年9月21日 17:48
編輯回答
舊酒館

首先寫一個(gè)邊框?yàn)榧t的class,然后給el-select組件使用v-if指令,你的變紅條件就寫在這里,無(wú)需修改elementUI源碼

2018年3月6日 14:21