Heim >Web-Frontend >Layui-Tutorial >Laui Open ändert die Farbe der Schaltfläche

Laui Open ändert die Farbe der Schaltfläche

尚nach vorne: 2020-06-10 17:38:325981Durchsuche

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;
}

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>

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!

Stellungnahme：

Dieser Artikel ist reproduziert unter:cnblogs.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen

Vorheriger Artikel：Wie Laui das Zusammenführen von Tabellenzellen implementiertNächster Artikel：Wie Laui das Zusammenführen von Tabellenzellen implementiert

In Verbindung stehende Artikel

Mehr sehen