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