改变layer confirm弹窗按钮的颜色方法

原来的颜色：

改造后的颜色：

js: 

layer.confirm("您选的时间是：xxxx", {
 title : "预约时间确认",
 skin : "my-skin",
    btn : [ '确定', '取消' ]//按钮
  }, function(index) {
    layer.close(index);

    //自定义代码
});

css: 

.my-skin .layui-layer-btn a {
 background-color: #84c101;
 border: 1px solid #84c101;
 color: #FFF;
}

以上这篇改变layer confirm弹窗按钮的颜色方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

赞 (0)

相关推荐

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

    今天做调查问卷,又遇到一个蛋疼小问题,记录下. 调查问卷有很多选项是要求必填的,如果不填的话,需要给出友好的提示.用的如下组件:http://layer.layui.com/ 1.之前一直默认用的: <script src="/assets/js/layer/layer.js"></script> function showMessage(msg, domObj) { layer.tips(msg, domObj,{tips:3});//弹出框加回调函数 } s

  • layer.confirm取消按钮绑定事件的方法

    也可以通过 btn: ['确定','取消','按钮三'],来修改和增加按钮. // layer.confirm(content, options, yes, cancel) layer.confirm('is not?', {icon: 3, title:'提示',yes: function(index){ //do something layer.close(index); }, cancel: function(index, layero){ layer.close(index); relo

  • 浅谈layer弹出层按钮颜色修改方法

    layer弹出层有多种格式的弹出,使用方法也不细述. 在弹出确认框可使用confirm或open方式 在open中 layer.open({ content: '确认提交?', btn: ["确认", "取消"], yes: function (index) { somefunciton... layer.close(index) }, btn2: function (index) { } }); layer中确认按钮在第一个位置,展示也是按顺序展示 如果和自己项目

  • layer.confirm点击第一个按钮关闭弹出框的方法

    layer.confirm弹出框,当你点击第一个按钮的时候,这个弹出层不会关闭,也是给一些小伙伴带来了一些困扰, 下面分享两个解决方案: ①可以将第一个按钮的回调函数传一个index,然后使用layer.close("index")就可以点击第一个按钮的时候关闭弹出框了,代码如下: ②第二种方法就非常的粗暴了,你可以直接在这个回调函数中写: layer.closeAll('dialog'); 也能实现点击第一个按钮的时候关闭弹出框 以上这篇layer.confirm点击第一个按钮关闭弹

  • 改变layer confirm弹窗按钮的颜色方法

    原来的颜色: 改造后的颜色: js: layer.confirm("您选的时间是:xxxx", { title : "预约时间确认", skin : "my-skin", btn : [ '确定', '取消' ]//按钮 }, function(index) { layer.close(index); //自定义代码 }); css: .my-skin .layui-layer-btn a { background-color: #84c101;

  • layer.confirm()右边按钮实现href的例子

    layer官方API默认右边按钮=右上角X按钮,点击=关闭弹窗 此方法最终效果是右上角X保留关闭弹窗功能,并且右边按钮能设置(location.href="") 等 之前试过的写法(错误): layer.confirm('想去哪个网站?',{btn:['新浪','百度']},function(index){ layer.close(index); location.href="http://www.sina.com" rel="external nofol

  • 用javascript实现改变TEXTAREA滚动条和按钮的颜色，以及怎样让滚动条变得扁平

    请问怎样才能改变TEXTAREA滚动条和按钮的颜色,以及怎样让滚动条变得扁平,而不是突出的      谢谢,分不多了,不好意思 1楼 <textarea   style="SCROLLBAR-FACE-COLOR:   #ffffff;        SCROLLBAR-HIGHLIGHT-COLOR:   #e7dbbd;        SCROLLBAR-SHADOW-COLOR:   #d9c69f;      SCROLLBAR-3DLIGHT-COLOR:   #99cc99; 

  • python之pyqt5通过按钮改变Label的背景颜色方法

    使用setStyleSheet方法修改得到自己想要的字体,大小,颜色 self.lab = QLabel("标签字体大小颜色", self) self.lab.setGeometry(50,50,300,200) self.setStyleSheet("QLabel{color:rgb(225,22,173,255);font-size:50px;font-weight:normal;font-family:Arial;}") color:rgb()中的四个参数,前

  • iOS 判断页面中的该填项是否填完整,改变按钮状态的方法

    iOS 判断页面中的该填项是否填完整,改变按钮状态的方法

    开发中很多这种情况,就是页面中有一些需要填写的信息,然后有一个按钮,当页面中的textFeild 还未填写完整时,按钮是不可点击的状态,填写完整后才可以点击,该怎么实现呢,实现思路: 因为页面中先填写哪个textField是不一定的,所以我需要给每个textFeild 添加监听事件,当编辑状态改变时,去判断页面中所有的textFeild 是否都已经有值,有值则改变按钮的可点击状态 由于项目中可能有很多页面都会用到判断的方法,所以我们可以把方法封装起来,在用到的地方直接调取就行 上代码(创建一个类

  • thinkPHP框架中layer.js的封装与使用方法示例

    thinkPHP框架中layer.js的封装与使用方法示例

    本文实例讲述了thinkPHP框架中layer.js的封装与使用方法.分享给大家供大家参考,具体如下: v层:(还没实现功能的) <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title>添加</title> </head> <body> <form action="{

  • jQuery动态改变多行文本框高度的方法

    jQuery动态改变多行文本框高度的方法

    本文实例讲述了jQuery动态改变多行文本框高度的方法.分享给大家供大家参考,具体如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>文本框高度变化</title> <style type="text/css"> * { margin: 0

  • IOS 改变导航栏返回按钮的标题实例详解

    IOS 改变导航栏返回按钮的标题实例详解 前言: 下午又找到了一个新的方法 这个方法不错 暂时没有发现异常的地方. 新写的App中需要使用UINavigationController对各个页面进行导航,但由于第一级页面的title较长,在进入第二级页面后返回按钮leftButtonItem的title就会变得很长,对NavigationBar空间占用很大,而且不美观,于是使用代码对leftButtonItem的title文本进行修改,无论是设置self.navigationItem.leftBa

随机推荐