layui修改弹出层按钮颜色的方法


当前第2页 返回上一页

layui中设置弹出层按钮的方法:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

layer.open({

  skin: 'demo-class',

  content: '确认提交?',

  btn: ["取消", "确认"],

  yes: function (index) {

    layer.close(index)

  },

  btn2: function (index) {

    somefunciton...

  }

});

  

//在页面style中定义按钮css样式

<style>

 body .demo-class .layui-layer-btn0{

  border-color: #E6E3E6;

  background-color: #FFF;

  color: black;

 }

 body .demo-class .layui-layer-btn1{

  border-color: #4898d5;

  background-color: #2e8ded;

  color: #fff;

 }

</style>

在页面<style>标签中设置弹出层按钮样式,然后在定义弹出层的layer.open()方法的skin参数中调用css样式即可修改弹出层按钮颜色。

以上就是layui修改弹出层按钮颜色的方法的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

ie8 layui不兼容吗

layui怎么使用模块化

layui入门总结

layui算前端框架吗

layui怎么表格中显示图片

layui怎么用open属性隐藏按钮

layui为什么好

layui不支持ie兼容吗

layui模块化与非模块化的不同引用方式介绍

layui后台框架的搭建详解

更多相关阅读请进入《layui》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...