重新给定的选择器设置的样式一些无效，是因为一些样式element-UI已经给定了，给定的这些样式就不能通过选择器来修改样式。没有给定的就可以生效

打开控制台，

然后修改样式，名字以elementui给定的，然后设置 ！important。提高权重。就可以了。

在style标签中加上scoped

通俗理解：scoped就是让style标签内的样式属于单个组件，如果不加上scoped属性，就可能会出现不同组件中，样式名字相同的元素的样式会互相影响。导致布局混乱。

加上深度作用选择器：/deep/ (还有其他的，不过这个我一般使用这个)

至于为什么加上scoped之后，第三方组件的样式会失效的内层原因，大家可以参考这篇博客。

Vue style 深度作用选择器 >>> 与 /deep/（sass/less） - 贝尔塔猫 - 博客园 (cnblogs.com)https://www.cnblogs.com/CyLee/p/10006065.html