请问怎么改element的默认样式?

vue脚手架搭配element怎么修改默认的css样式呀?我在style标签里直接用element的类名写 样式页面不生效,去掉scoped属性的话就会生效,可是所有页面的相关元素也会跟着改变,这不是我想要的。我想每个页面有每个页面的独立样式。

图片说明

用/deep/可以解决

这个问题你已经找到了解决办法,就是把scoped去掉,这是正解,这个是个很奇葩的现象,抱歉我无法解释原因。我可以帮你解决另外一个问题,你担心把scoped去掉会造成全局样式污染的话,你就用less或者sass书写格式,需要定义样式的class在父级元素class中书写。可以基本避免全局污染的问题。
具体格式,你先查查less或者sass。

你不要只写一个类名标签,多加几个 类名嵌套,最好是自己定义的类名,然后在用!important,或者用行内样式写,效果会好很多

一个文件中可以有多个,可以分开,一个不加scoped,一个加

https://quanyi.blog.csdn.net/article/details/106643049