layer ui插件显示tips时,修改字体颜色的实现方法

网络编程 2024/12/26 佚名

2 0 1

蝙蝠岛资源网 Design By www.hbtsch.com

今天做调查问卷，又遇到一个蛋疼小问题，记录下。

调查问卷有很多选项是要求必填的，如果不填的话，需要给出友好的提示。用的如下组件：http://layer.layui.com/

1、之前一直默认用的：

<script src="/UploadFiles/2021-04-02/layer.js">

效果如下：

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时,修改字体颜色的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

layer,ui,tips,字体颜色

标签：

layer,ui,tips,字体颜色

蝙蝠岛资源网 Design By www.hbtsch.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

蝙蝠岛资源网 Design By www.hbtsch.com

评论“layer ui插件显示tips时,修改字体颜色的实现方法”

暂无layer ui插件显示tips时,修改字体颜色的实现方法的评论...

P70系列延期，华为新旗舰将在下月发布

3月20日消息，近期博主@数码闲聊站透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。

而博主@定焦数码爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。

更新日志

2024年12月26日

layer ui插件显示tips时,修改字体颜色的实现方法

layer,ui,tips,字体颜色

layui实现鼠标移动到单元格上显示数据的方法

layui操作列按钮个数和文字颜色的判断实例

评论“layer ui插件显示tips时,修改字体颜色的实现方法”

P70系列延期，华为新旗舰将在下月发布

更新日志

友情链接