layer中ui插件显示tips时如何修改字体颜色

这篇文章给大家分享的是有关layer中ui插件显示tips时如何修改字体颜色的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

1、之前一直默认用的：

<script class="lazy" data-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时如何修改字体颜色”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！