layer ui插件顯示tips時,修改字體顏色的實現(xiàn)方法
更新時間：2019年09月11日 08:53:34 作者：worisaa
今天小編就為大家分享一篇layer ui插件顯示tips時,修改字體顏色的實現(xiàn)方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
今天做調(diào)查問卷，又遇到一個蛋疼小問題，記錄下。
調(diào)查問卷有很多選項是要求必填的，如果不填的話，需要給出友好的提示。用的如下組件：http://layer.layui.com/
1、之前一直默認用的：
<script src="/assets/js/layer/layer.js"></script>
function showMessage(msg, domObj) {
layer.tips(msg, domObj,{tips:3});//彈出框加回調(diào)函數(shù)
}
showMessage("選項不能為空", $(this));
效果如下：
2、ui過來看了下之后，說太丑，要換成白色背景，紅色字體
可是查看了半天的官方文檔，只看到了修改背景顏色的配置項，沒找到改字體色的配置項：
勉強修改背景色后如下：
function showMessage(msg, domObj) {
layer.tips(msg, domObj,{tips:[3,"red"]});//彈出框加回調(diào)函數(shù)
}
3、最后實在無語，說搞不了，后邊同事折騰了一會，過來提供了如下方案：
function showMessage(msg, domObj) {
layer.tips("<span style='color:red'>"+msg+"</span>", domObj,{tips:[3,'#fff']});//彈出框加回調(diào)函數(shù)
}
好吧，背景色還是可以改的。。。有時候說不行，只是沒想到而已
以上這篇layer ui插件顯示tips時,修改字體顏色的實現(xiàn)方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
uniapp返回上一頁并實現(xiàn)刷新界面數(shù)據(jù)的完整代碼
從一個列表界面點擊新增按鈕,進入新增元素的界面,然后新增之后返回列表界面,并刷新列表界面,下面小編給大家分享uniapp返回上一頁,并實現(xiàn)刷新界面數(shù)據(jù)的代碼,感興趣的朋友跟隨小編一起看看吧2024-04-04
本篇文章主要是對js判斷頁面中是否有指定控件的簡單實例進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-03-03
下面小編就為大家?guī)硪黄猨s輸入框使用正則表達式校驗輸入內(nèi)容的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
大家應該都知道try…catch的作用是測試代碼中的錯誤,下面這篇文章主要給大家介紹了關(guān)于js中try?catch使用遇到的問題,文中將問題的解決辦法介紹的非常詳細,需要的朋友可以參考下2023-06-06
這篇文章主要為大家詳細介紹了Bootstrap字體圖標無法正常顯示的解決方法,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
原生JS封裝_new函數(shù)實現(xiàn)new關(guān)鍵字的功能
這篇文章主要介紹了原生JS封裝_new函數(shù)，實現(xiàn)new關(guān)鍵字的功能 ,代碼簡單易懂，非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2018-08-08
null 是一種原始類型，表示有意不包含任何對象值，在這篇文章中，你將學習關(guān)于 JavaScript 中的 null 的一切: 它的含義，如何檢測它，null 和 undefined 之間的區(qū)別，以及為什么大量使用 null 會造成代碼維護困難等，需要的朋友可以參考下2022-09-09
select 或text的onchange事件需要手動（通過鍵盤輸入）改變select或text的值才能觸發(fā)，本文為大家介紹下使用js觸發(fā)select onchange事件2014-03-03
下面小編就為大家?guī)硪黄c擊按鈕出現(xiàn)60秒倒計時的簡單js代碼(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
本篇文章主要介紹了深入理解JavaScript 參數(shù)按值傳遞，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-05-05