如下所示:
- <style>
- .detail{
- .el-input__inner {
- height: 48px;
- }
- }
- </style>
直接写 style 注意不加 scoped, 然后用一个组件最外层的 class 包裹住, 就不会改到所有的组件的样式了
以上这篇 vue 中 element 组件样式修改无效的解决方法就是小编分享给大家的全部内容了, 希望能给大家一个参考, 也希望大家多多支持脚本之家
您可能感兴趣的文章:
Vue 组件间的样式冲突污染
浅谈 vue 中改 elementUI 默认样式引发的 static 与 assets 的区别
Vue 修改 mint-ui 默认样式的方法
来源: http://www.jb51.net/article/134350.htm