PHP前端开发

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

百变鹏仔 1个月前 (11-16) #layui
文章标签 弹出
layui修改弹出层按钮颜色的方法:首先打开相应的代码文件;然后在页面“”标签中设置弹出层按钮样式;最后在定义弹出层的“layer.open()”方法的skin参数中调用css样式即可修改弹出层按钮颜色。

本教程操作环境:Windows7系统、layui2.4版,该方法适用于所有品牌电脑。

推荐:《javascript基础教程》《layUI教程》

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

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>

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