vue使用ElementUI如何修改checkbox复选框颜色
开发中使用elementUi使用表单时候可能因项目需要更改默认的颜色样式,记录下怎么修改。eleme默认的颜色的#409EFF 类蓝色的颜色需要换颜色时候发现api里面好像没有修改的选项,只找到了按钮样式的时候可以修改的属性。那么怎么修改呢?我的方法是1先把内容放上去,然后F12打开开发者工具2 选择多选框 查看elements的css样式如图找到这里直接复制类名就好了...
·
开发中使用elementUi使用表单时候可能因项目需要更改默认的颜色样式,记录下怎么修改。
eleme默认的颜色的#409EFF 类蓝色的颜色
需要换颜色时候发现api里面好像没有修改的选项,只找到了按钮样式的时候可以修改的属性。
那么怎么修改呢?
我的方法是
1先把内容放上去,然后F12 打开开发者工具
2 选择多选框 查看elements的css样式
如图
找到这里 直接复制类名就好了
蓝色是饿了么默认的,橙色的是我修改的,是的直接把所有的类名全部复制过来了
需要注意的是
1 你要复制的地方不是一个,我这里是复制了四个!!!
选中后input和绑定内容的样色,背景色,鼠标hover的边框色等等 ,具体的自己找吧~
2 重新写的样式不能写在scoped的style里面,放scoped里面的话修改无效!
如果只是更改个别地方的话可以给要修改的表单加个类名或者id 当然 父级也可以,这样就不会覆盖掉整个项目的样式了
遇见问题,留作参考。
更多推荐
已为社区贡献7条内容
所有评论(0)