代码如下
this.$prompt('确认重置吗? 您需要输入 <strong>重置</strong> 确认操作', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
inputPattern: /^重置$/,
inputErrorMessage: '请输入正确的确认信息',
dangerouslyUseHTMLString: true,
customClass: 'reset-message-box',
}).then(() => {
...
});
这里写了很多重置样式,但是不生效
<style lang="less">
.reset-message-box {
background-color: #0e214b;
border: 1px solid rgba(20, 98, 248, 0.3);
/deep/ .el-input__inner {
background: rgba(7, 79, 124, 0.9);
color: #03a5eb;
border-color: #03a5eb;
}
/deep/ .el-button:first-of-type