layer ui插件显示tips时,修改字体颜色的实现方法
更新时间：2019年09月11日 08:53:34 作者：worisaa
今天小编就为大家分享一篇layer ui插件显示tips时,修改字体颜色的实现方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
今天做调查问卷，又遇到一个蛋疼小问题，记录下。
调查问卷有很多选项是要求必填的，如果不填的话，需要给出友好的提示。用的如下组件：http://layer.layui.com/
1、之前一直默认用的：
<script src="/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时,修改字体颜色的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
javascript实现在网页任意处点左键弹出隐藏菜单的方法
这篇文章主要介绍了javascript实现在网页任意处点左键弹出隐藏菜单的方法,设计鼠标事件及css样式操作的相关技巧,需要的朋友可以参考下2015-05-05
ES6的异步操作之promise用法和async函数的具体使用
这篇文章主要介绍了ES6的异步操作之promise用法和async函数的具体使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-12-12
在微信小程序的开发中,经常会有列表分类标签随着界面滚动吸顶的效果,下面这篇文章主要给大家介绍了关于微信小程序实现吸顶效果的相关资料,需要的朋友可以参考下2021-08-08
关于js获取flash对象，网上有非常多的例子，但不是我想要的，经测试整理，因此本文诞生了2014-04-04
这篇文章主要介绍了Webpack5正式发布，有哪些新特性，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-10-10
本篇文章主要介绍了webpack 4.0.0-beta.0版本新特性介绍，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-02-02
解决IE6下JS动态设置图片IMG的SRC时图片无法加载错误的方法2010-01-01
因为想自动定位到子元素，所以一直在找各种找寻元素位置的代码。 不过总是找不到可以定位子元素相对位置的代码2012-07-07
axios是一个基于Promise用于浏览器和nodejs的HTTP客户端,下面这篇文章主要给大家介绍了关于axios概念介绍和基本使用的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-06-06
这篇文章主要介绍了js读取cookie方法,实例总结了四种常用的读取方法,包含了对cookie数据的分割与遍历操作,是非常实用的技巧,需要的朋友可以参考下2014-10-10
最新评论