vue.js 运用了element.ui插件，在页面内改变样式无效

Question

在页面内使用了element框架，但是在页面内修改其样式无效（尝试设类都不行），在公共样式中修改有效，可是公共样式已修改，就改变了页面中所有的这个组件。

Answer 1

我的解决办法是

直接写一对<style><style/>，注意不加scopped，然后用一个组件最外层的class包裹住，就不会改到所有的组件的样式了。

<style>
.homepage {
    .el-input__inner {
        height: 48px;
    }
}
</style>

Answer 2

你可以在全局再引一个文件，例如在main.js里

import '../theme/index.css'
import '../custom_theme/index.css'

下面的这个文件是你自己定义的样式，可以用来覆盖组件的样式，前面可以加你的元素所处的外面的wrapper，这样整个组件的样式就不会被覆盖了。

补充：如果只是某个组件用到了，可以在单组件文件里像下面答案一样，加一个不加scoped的style标签写对应的样式。

Answer 3

试试在组件里新建个<style>（不加scoped），在这里面改样式

Answer 4

目前我的解决方法就是楼上几位所说的另外新建一个style标签不加scoped