简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首页 > web前端 > Layui教程 > 正文

layui open更改按钮的颜色

尚
发布： 2020-06-10 17:38:32
转载
5870 人浏览过

layui open更改按钮的颜色

1、在layer下新建文件夹和css 文件:

1.jpg

css内容：

body .layui-ext-yourskin .layui-layer-btn0{    
　　border-color: #55ff83;    
　　background-color: #5aff53;    
　　color: #4736ff;
}
登录后复制

HTML内容：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="layui/css/layui.css">
</head>
<body>
<button id="button" >一个标准的按钮</button>
<script src="layui/layui.js"></script>
<script>
    layui.use([&#39;form&#39;,&#39;layer&#39;,&#39;jquery&#39;], function(){
        var form = layui.form;
        var layer=layui.layer;
        var $=layui.jquery;
       　　　　 layer.config({
            extend: &#39;zidiny/123.css&#39; //同样需要加载新皮肤
        });
        $("#button").click(function () {
            layer.open({
                title: &#39;在线调试&#39;
                ,skin: &#39;layui-ext-yourskin&#39; //只对该层采用myskin皮肤
         　　　　,content: &#39;可以填写任意的layer代码&#39;
            });
        })
    });
</script>
</body>
</html>
登录后复制

效果如下：

2.jpg

更多layui知识请关注PHP中文网layui教程栏目

以上是layui open更改按钮的颜色的详细内容。更多信息请关注PHP中文网其他相关文章！

相关标签：
layui
来源：cnblogs.com
上一篇：layui如何实现表格单元格合并 下一篇：layui实现数据表格及分页的方法
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
我的表单的数据不能识别，可以帮我看看是哪里出了问题吗 <div class="layadmin-user-login-boxlayadmin-user-login-bodylayui-form"> &l...
来自于 2023-10-08 09:31:17
0
2
122
请问老师有没有layui 的开发文档 请问老师有没有layui 的开发文档,layui 官网下架了
来自于 2023-02-27 12:16:24
0
1
384
TP6教程问题 按照教程做，但是拷贝的html显示和视频教程不一样，并且导入layui也没用
来自于 2022-01-17 10:36:36
0
2
780
html按教程拷贝进去，问题 html按教程拷贝进去，只一行一行显示文字，不是视频的显示格式，加载layui也加载不出
来自于 2022-01-17 10:31:03
0
1
707
layui加载不出 layui加载不出
来自于 2022-01-16 23:06:24
0
4
865
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！