ElementUI的MessageBox的按钮置灰且不可点击
在ElementUI中，如果你想要置灰并且不可点击的MessageBox按钮，可以通过自定义按钮并使用disabled属性来实现。以下是一个例子：
import { MessageBox } from 'element-ui';
MessageBox.confirm('确认信息', '提示', {
confirmButtonText: '确认',
cancelButtonText: '取消',
confirmButtonClass: 'gray-button',
cancelButtonClass: 'gray-button',
customClass: 'message-box-custom'
}).then(() => {
// 确认操作
}).catch(() => {
// 取消操作
});在CSS中，你可以定义.gray-button类来使按钮置灰：
.gray-button.el-button--primary.is-disabled {
color: #fff;
background-color: #bbb;
border-color: #bbb;
}这段代码会使按钮看起来是置灰的，并且不可点击。你可以根据需要调整按钮的样式。
评论已关闭