修改element的message样式

Mars空港

已于 2023-12-15 11:30:48 修改

阅读量3k

点赞数

文章标签： vue.js javascript ecmascript

于 2023-04-11 09:32:15 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_45884508/article/details/130076085

版权

这是message原本的样式

修改代码

 this.$message({
          type: 'warning',
          message: '提示',
          duration: 3000,
          customClass: "focus-message",
          showClose: true,
        });

.focus-message {
  background-color: white !important;
  // border: none !important;
  .el-icon-info::before {
    color: white !important;
  }
  .el-message__content {
    color: black !important;
  }
}

修改后