Laui Open ändert die Farbe der Schaltfläche-Layui-Tutorial-php.cn

Laui Open ändert die Farbe der Schaltfläche

尚

Freigeben： 2020-06-10 17:38:32

nach vorne

5869 Leute haben es durchsucht

Laui Open ändert die Farbe der Schaltfläche

1. Erstellen Sie einen neuen Ordner und eine CSS-Datei unter der Ebene:

Laui Open ändert die Farbe der Schaltfläche

CSS-Inhalt:

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

Nach dem Login kopieren

HTML-Inhalt:

<!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>

Nach dem Login kopieren

Der Effekt ist wie folgt:

Laui Open ändert die Farbe der Schaltfläche

Für mehr Wissen über layui Bitte beachten Sie die Spalte „PHP Chinese Netlayui Tutorial“

Das obige ist der detaillierte Inhalt vonLaui Open ändert die Farbe der Schaltfläche. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!