vue使用ElementUI如何修改checkbox复选框颜色

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

如图

找到这里 直接复制类名就好了
蓝色是饿了么默认的，橙色的是我修改的，是的直接把所有的类名全部复制过来了
需要注意的是
1 你要复制的地方不是一个，我这里是复制了四个!!!

选中后input和绑定内容的样色，背景色，鼠标hover的边框色等等 ，具体的自己找吧~
2 重新写的样式不能写在scoped的style里面，放scoped里面的话修改无效！

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