开发中使用elementUi使用表单时候可能因项目需要更改默认的颜色样式,记录下怎么修改。
eleme默认的颜色的#409EFF 类蓝色的颜色
需要换颜色时候发现api里面好像没有修改的选项,只找到了按钮样式的时候可以修改的属性。
那么怎么修改呢?
我的方法是
1先把内容放上去,然后F12 打开开发者工具
2 选择多选框 查看elements的css样式

如图
在这里插入图片描述
找到这里 直接复制类名就好了
蓝色是饿了么默认的,橙色的是我修改的,是的直接把所有的类名全部复制过来了
需要注意的是
1 你要复制的地方不是一个,我这里是复制了四个!!!
在这里插入图片描述
选中后input和绑定内容的样色,背景色,鼠标hover的边框色等等 ,具体的自己找吧~
2 重新写的样式不能写在scoped的style里面,放scoped里面的话修改无效!
在这里插入图片描述
如果只是更改个别地方的话可以给要修改的表单加个类名或者id 当然 父级也可以,这样就不会覆盖掉整个项目的样式了
遇见问题,留作参考。

Logo

前往低代码交流专区

更多推荐