关于vue中使用element组件修改默认样式出错的问题

我在做项目的过程中遇到这样的问题，我需要改变element中radio默认的颜色，改成如下样式：

但是为了不影响其他的页面的样式，我们一般会在style标签内加scoped，这会产生一个问题，那就是对element的样式无法生效。因此，我对网上的方法做了归纳，有以下几种：

1. 在样式前面加/deep/。
2. 在你需要修改的组件外面嵌套一层div，给div设置class或者id，在你需要修改的样式前面加你定义的class名。
3. 在vue文件里写两个style标签，一个加scoped，内部写该页面的内部样式，另一个style不加scoped，用来写你要修改的公共样式。