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修改弹出层按钮颜色的方法的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

layui支持es5写法的方法介绍

layui后端怎么搭建

layui框架怎么使用

layui如何判定密码不一致

layui中使用的一些弹出框

layui导出表格全部数据

layui如何实现表格单元格合并

layui实现点击事件的方法

layui弹窗怎么用

layui-inline的作用是什么

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




打赏

取消

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

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

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

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

评论

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