博客

开发中使用elementUi使用表单时候可能因项目需要更改默认的颜色样式，记录下怎么修改。

eleme默认的颜色的#409EFF 类蓝色的颜色

需要换颜色时候发现api里面好像没有修改的选项，只找到了按钮样式的时候可以修改的属性。

那么怎么修改呢？

我的方法是

1先把内容放上去，然后F12 打开开发者工具

2 选择多选框 查看elements的css样式



如图



找到这里 直接复制类名就好了

蓝色是饿了么默认的，橙色的是我修改的，是的直接把所有的类名全部复制过来了

需要注意的是

1 你要复制的地方不是一个，我这里是复制了四个!!!



选中后input和绑定内容的样色，背景色，鼠标hover的边框色等等 ，具体的自己找吧~

2 重新写的样式不能写在scoped的style里面，放scoped里面的话修改无效！



如果只是更改个别地方的话可以给要修改的表单加个类名或者id 当然 父级也可以，这样就不会覆盖掉整个项目的样式了

遇见问题，留作参考。