element-ui修改Message提示框样式

let messageArr = document.querySelectorAll('div.el-message')
if (messageArr && messageArr.length > 0) {
  let messageNode = messageArr[messageArr.length - 1]
  let childNodes = messageNode.childNodes
  for (let index = 0; index < childNodes.length; index++) {
    childNodes[index].style.color = 'white'
    childNodes[index].style.lineHeight = '20px'
  }

  if (data.type === 'warning') {
     messageNode.style.backgroundColor = '#F7BA2A'
  }
}

以上代码修改Message全局提示框的样式，文字颜色改为白色，背景色通过类型设置不同背景色

chengfengjie / chengfengjie.github.io

element-ui修改Message提示框样式 #6