简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > Tutorial Layui > teks badan

layui open更改按钮的颜色

尚
Lepaskan： 2020-06-10 17:38:32
ke hadapan
5870 orang telah melayarinya

layui open更改按钮的颜色

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

1.jpg

css内容：

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

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>
Salin selepas log masuk

效果如下：

2.jpg

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

Atas ialah kandungan terperinci layui open更改按钮的颜色. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
layui
sumber：cnblogs.com
Artikel sebelumnya：layui如何实现表格单元格合并 Artikel seterusnya：layui实现数据表格及分页的方法
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Data dalam borang saya tidak boleh dikenali Bolehkah anda membantu saya mengetahui apa yang salah? <div class="layadmin-user-login-box layadmin-user-login-body layui-form"> ...
daripada 2023-10-08 09:31:17
0
2
122
Adakah guru mempunyai sebarang dokumen pembangunan untuk layui? Boleh saya bertanya adakah guru mempunyai sebarang dokumen pembangunan untuk layui Laman w...
daripada 2023-02-27 12:16:24
0
1
384
Soalan tutorial TP6 Ikuti tutorial, tetapi paparan html yang disalin adalah berbeza daripada tutorial video, d...
daripada 2022-01-17 10:36:36
0
2
780
Salin html ke dalamnya mengikut tutorial, tetapi terdapat masalah html disalin mengikut tutorial, dan hanya teks dipaparkan baris demi baris Ia bukan format...
daripada 2022-01-17 10:31:03
0
1
707
layui tidak boleh dimuatkan layui tidak boleh dimuatkan
daripada 2022-01-16 23:06:24
0
4
865
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！