如何修改ElementUI的样式

Question

现在碰到一个问题 就是运用了Elemnt的下拉框组件 我提交时会做必填项的检查 如果下拉框没有选东西的话 会让它的边框变红 通过:class来动态生成class 但是 因为这个是Element封装好的组件，所以下面的代码失败了 怎么才能添加class呢？

Answer 1

首先写一个边框为红的class，然后给el-select组件使用v-if指令，你的变红条件就写在这里，无需修改elementUI源码

Answer 2

官方教程
可以定制主题，或者使用SCSS，或者通过命令行改变。

Answer 3

可以选择楼上的答案，同时elementui也有自己的验证规则，你可以看一下

Answer 4

建议使用 elementUi 的 表单验证，这样的好处是可以和其他的表单项目同步触发，可以使用表单的各种验证、清空等操作，联动验证结果的展示，且交互一致，elementUi 的报错提示会有动画效果，比较顺滑.

Answer 5

根据官网例子改的，有值变红色，你看下

Answer 6

可以仔细看下官网，其中有这样的列子。

Answer 7

参考官方文档http://element-cn.eleme.io/#/...。

Answer 8

主css里面写样式，需要的地方引入