可以通过修改CSS样式来实现开关尺寸的修改,具体代码如下:

<form class="layui-form" action="">
    <div class="layui-form-item">
        <label class="layui-form-label">开关</label>
        <div class="layui-input-block">
            <input type="checkbox" checked="" name="switch" lay-skin="switch" lay-filter="switchTest" lay-text="ON|OFF" style="transform: scale(2); -webkit-transform: scale(2);">
        </div>
    </div>
</form>

在开关的input标签中添加style="transform: scale(2); -webkit-transform: scale(2);",即可将开关放大2倍。其中,transform-webkit-transform是用来兼容不同浏览器的代码。您可以根据需要调整放大倍数。

form class=layui-form action= div class=layui-form-item label class=layui-form-label开关label div class=layui-input-block input type=checkbox checked= name=switch lay-skin=sw

原文地址: https://www.cveoy.top/t/topic/b1rz 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录