今天做調(diào)查問卷，又遇到一個(gè)蛋疼小問題，記錄下。

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

1、之前一直默認(rèn)用的：

<script src="https://www.gxlcms.com/assets/js/layer/layer.js"></script>
function showMessage(msg, domObj) {
 layer.tips(msg, domObj,{tips:3});//彈出框加回調(diào)函數(shù)
}
showMessage("選項(xiàng)不能為空", $(this));

效果如下：

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

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

勉強(qiáng)修改背景色后如下：

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

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

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

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

以上這篇layer ui插件顯示tips時(shí),修改字體顏色的實(shí)現(xiàn)方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com