这篇文章主要介绍了mint-ui如何自定义messageBox样式问题，具有很好的参考价值，希望对大家有所帮助。

mint-ui MessageBox官网文档：

http://mint-ui.github.io/docs/#/zh-cn2/message-box

API：

里面并没有提供自定义的样式api

里面的内容是默认居中显示的，如果我们想改变里面的样式，比如自定义颜色，字体大小该怎么改的。

可以这样：

const html = `
        <div style="text-align:left;font-size:20px">
          内容内容内容内容内容内容<span style="color:red">我红了</span>
        </div>
      `
 MessageBox ({
   title: '标题',
   message: html,
   confirmButtonText: '我知道了'
 })

结果如下