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、之前一直默認(rèn)用的：
<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)文章
javascript實現(xiàn)在網(wǎng)頁任意處點左鍵彈出隱藏菜單的方法
這篇文章主要介紹了javascript實現(xiàn)在網(wǎng)頁任意處點左鍵彈出隱藏菜單的方法,設(shè)計鼠標(biāo)事件及css樣式操作的相關(guān)技巧,需要的朋友可以參考下2015-05-05
ES6的異步操作之promise用法和async函數(shù)的具體使用
這篇文章主要介紹了ES6的異步操作之promise用法和async函數(shù)的具體使用，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12
在微信小程序的開發(fā)中,經(jīng)常會有列表分類標(biāo)簽隨著界面滾動吸頂?shù)男Ч?下面這篇文章主要給大家介紹了關(guān)于微信小程序?qū)崿F(xiàn)吸頂效果的相關(guān)資料,需要的朋友可以參考下2021-08-08
JavaScript獲取flash對象與網(wǎng)上的有所不同
關(guān)于js獲取flash對象，網(wǎng)上有非常多的例子，但不是我想要的，經(jīng)測試整理，因此本文誕生了2014-04-04
這篇文章主要介紹了Webpack5正式發(fā)布，有哪些新特性，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-10-10
本篇文章主要介紹了webpack 4.0.0-beta.0版本新特性介紹，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-02-02
解決IE6下JS動態(tài)設(shè)置圖片IMG的SRC時圖片無法加載錯誤的方法2010-01-01
Javascript中找到子元素在父元素內(nèi)相對位置的代碼
因為想自動定位到子元素，所以一直在找各種找尋元素位置的代碼。 不過總是找不到可以定位子元素相對位置的代碼2012-07-07
axios是一個基于Promise用于瀏覽器和nodejs的HTTP客戶端,下面這篇文章主要給大家介紹了關(guān)于axios概念介紹和基本使用的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-06-06
這篇文章主要介紹了js讀取cookie方法,實例總結(jié)了四種常用的讀取方法,包含了對cookie數(shù)據(jù)的分割與遍歷操作,是非常實用的技巧,需要的朋友可以參考下2014-10-10