layer ui插件顯示tips時,修改字體顏色的實現方法

來源：懂視網責編：小采時間：2020-11-27 21:50:53

layer ui插件顯示tips時,修改字體顏色的實現方法

layer ui插件顯示tips時,修改字體顏色的實現方法:今天做調查問卷，又遇到一個蛋疼小問題，記錄下。調查問卷有很多選項是要求必填的，如果不填的話，需要給出友好的提示。用的如下組件：http://layer.layui.com/ 1、之前一直默認用的： <script src=/assets/js/layer/layer.js

推薦度：

點擊下載本文 文檔為doc格式

導讀layer ui插件顯示tips時,修改字體顏色的實現方法:今天做調查問卷，又遇到一個蛋疼小問題，記錄下。調查問卷有很多選項是要求必填的，如果不填的話，需要給出友好的提示。用的如下組件：http://layer.layui.com/ 1、之前一直默認用的： <script src=/assets/js/layer/layer.js

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

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

1、之前一直默認用的：

<script src="https://www.gxlcms.com/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']});//彈出框加回調函數
 }

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

以上這篇layer ui插件顯示tips時,修改字體顏色的實現方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

layer ui插件顯示tips時,修改字體顏色的實現方法

推薦度：

點擊下載本文 文檔為doc格式

標簽：修改字體顏色 ui layer

熱門焦點

layer ui插件顯示tips時,修改字體顏色的實現方法

layer ui插件顯示tips時,修改字體顏色的實現方法

layer ui插件顯示tips時,修改字體顏色的實現方法

最新推薦

猜你喜歡

熱門推薦