layer ui插件顯示tips時，修改字體顏色

今天做調查問卷，又遇到一個蛋疼小問題，記錄下。

調查問卷有很多選項是要求必填的，如果不填的話，需要給出友好的提示。用的如下組件：http://layer.layui.com/

1、之前一直默認用的：

<script src="/assets/js/layer/layer.js"></script>

function showMessage(msg, domObj) {
    layer.tips(msg, domObj,{tips:3});//彈出框加回調函數
}

showMessage("選項不能為空", $(this));

效果如下：

2、ui過來看了下之后，說太丑，要換成白色背景，紅色字體

可是查看了半天的官方文檔，只看到了修改背景顏色的配置項，沒找到改字體色的配置項：

勉強修改背景色后如下：

    function showMessage(msg, domObj) {
        layer.tips(msg, domObj,{tips:[3,"red"]});//彈出框加回調函數
    }

3、最后實在無語，說搞不了，后邊同事折騰了一會，過來提供了如下方案：

    function showMessage(msg, domObj) {
        layer.tips("<span style='color:red'>"+msg+"</span>", domObj,{tips:[3,'#fff']});//彈出框加回調函數
    }

 

 

好吧，背景色還是可以改的。。。有時候說不行，只是沒想到而已