修改element $prompt的文字样式

代码如下

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 {