admin 管理员组

文章数量: 887006

vue elementui 部分样式无效的解决方法记录

vue elementui 部分样式无效的解决方法记录

问题如下：

<el-form-item class="btns"><el-button type="primary"@click="login">登录</el-button><el-button type="info"@click="resetLoginForm">重置</el-button>
</el-form-item>

.btns{display: flex;justify-content: space-around;padding: 0;
}

实际效果并没有达到预期。

通过浏览器检查元素发现，我定义css底下还有一个div

所以只需要将代码改为

//这是vue-cli 3.0及以上的改发
.btns ::v-deep .el-form-item__content {display: flex;justify-content: space-around;padding: 0;
}
//这是低版本的改发
.btns /deep/ .el-form-item__content {display: flex;justify-content: space-around;padding: 0;
}

结果：

本文标签： vue elementui 部分样式无效的解决方法记录

版权声明：本文标题：vue elementui 部分样式无效的解决方法记录 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.freenas.com.cn/jishu/1732355823h1534406.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。