当使用ElementUI的时候,如果想改变ElementUI组件样式的时候可能会出现无法修改的情况。经过查阅资料发现有两种解决办法:
(1).删除style标签中的scoped,scoped的作用是实现组件的私有化,不对全局造成样式污染,删除之后就可以自由改变样式,但会造成全局污染。
(2).为了不污染全局样式,可以在保留scoped的情况下使用深度选择器。在装了vue-loader前提下可以使用>>>,但是像sass等预处理器可能无法正确解析,在这种情况西,可以使用/deep/或::v-deep,效果完全一致。