PHP前端开发

layui open更改按钮的颜色

百变鹏仔 1个月前 (11-16) #layui
文章标签 按钮

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

css内容:

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

HTML内容:

nbsp;html&gt;    <meta>    <title>Title</title>    <link><button>一个标准的按钮</button><script></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>

效果如下:

更多layui/" target="_blank">layui知识请关注PHP中文网layui教程栏目