element-ui中 this.$confirm修改确定取消按钮顺序和样式
首先其他博客上说是给 this.$confirm中添加取消样式，我试过了无效
文章来源：https://www.toymoban.com/news/detail-621080.html
本人采用的方案是利用css的gap属性，在项目默认css文件中修改即可
// this.confirm删除确认框修改确定取消按钮顺序
.el-message-box__btns {
text-align: right;
padding: 5px 120px 0;
display: flex;
flex-direction: row-reverse;
gap: 65px;
}
.el-message-box__title {
padding-left: 0;
margin-bottom: 0;
font-size: 20px;
line-height: 1;
font-weight: 600;
color: #060606;
}
效果
文章来源地址https://www.toymoban.com/news/detail-621080.html
到了这里，关于element-ui中 this.$confirm修改确定取消按钮顺序和样式的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
