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

问题描述

问 题

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

解决方案

我的解决办法是

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

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

这篇关于css - vue.js 运用了element.ui插件，在页面内改变样式无效的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！