layer ui插件顯示tips時(shí),修改字體顏色的實(shí)現(xiàn)方法
更新時(shí)間：2019年09月11日 08:53:34 作者：worisaa
今天小編就為大家分享一篇layer ui插件顯示tips時(shí),修改字體顏色的實(shí)現(xiàn)方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
今天做調(diào)查問卷，又遇到一個(gè)蛋疼小問題，記錄下。
調(diào)查問卷有很多選項(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過來看了下之后，說太丑，要換成白色背景，紅色字體
可是查看了半天的官方文檔，只看到了修改背景顏色的配置項(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è)參考，也希望大家多多支持腳本之家。
相關(guān)文章
javascript實(shí)現(xiàn)在網(wǎng)頁任意處點(diǎn)左鍵彈出隱藏菜單的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)在網(wǎng)頁任意處點(diǎn)左鍵彈出隱藏菜單的方法,設(shè)計(jì)鼠標(biāo)事件及css樣式操作的相關(guān)技巧,需要的朋友可以參考下2015-05-05
ES6的異步操作之promise用法和async函數(shù)的具體使用
這篇文章主要介紹了ES6的異步操作之promise用法和async函數(shù)的具體使用，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12
微信小程序?qū)崿F(xiàn)吸頂效果的方法實(shí)例
在微信小程序的開發(fā)中,經(jīng)常會(huì)有列表分類標(biāo)簽隨著界面滾動(dòng)吸頂?shù)男Ч?下面這篇文章主要給大家介紹了關(guān)于微信小程序?qū)崿F(xiàn)吸頂效果的相關(guān)資料,需要的朋友可以參考下2021-08-08
JavaScript獲取flash對(duì)象與網(wǎng)上的有所不同
關(guān)于js獲取flash對(duì)象，網(wǎng)上有非常多的例子，但不是我想要的，經(jīng)測(cè)試整理，因此本文誕生了2014-04-04
這篇文章主要介紹了Webpack5正式發(fā)布，有哪些新特性，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-10-10
本篇文章主要介紹了webpack 4.0.0-beta.0版本新特性介紹，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-02-02
IE6下JS動(dòng)態(tài)設(shè)置圖片src地址問題
解決IE6下JS動(dòng)態(tài)設(shè)置圖片IMG的SRC時(shí)圖片無法加載錯(cuò)誤的方法2010-01-01
Javascript中找到子元素在父元素內(nèi)相對(duì)位置的代碼
因?yàn)橄胱詣?dòng)定位到子元素，所以一直在找各種找尋元素位置的代碼。 不過總是找不到可以定位子元素相對(duì)位置的代碼2012-07-07
axios是一個(gè)基于Promise用于瀏覽器和nodejs的HTTP客戶端,下面這篇文章主要給大家介紹了關(guān)于axios概念介紹和基本使用的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-06-06
這篇文章主要介紹了js讀取cookie方法,實(shí)例總結(jié)了四種常用的讀取方法,包含了對(duì)cookie數(shù)據(jù)的分割與遍歷操作,是非常實(shí)用的技巧,需要的朋友可以參考下2014-10-10