laber美化表单小技巧

最新推荐文章于 2021-06-21 07:39:49 发布

大西瓜啃完了哟

最新推荐文章于 2021-06-21 07:39:49 发布

阅读量820

点赞数

本文链接：https://blog.csdn.net/haihiaandtongtong/article/details/46361127

版权

本文分享了使用Laber库进行表单设计的一些高效方法，包括自定义样式、验证规则和交互优化，帮助开发者轻松创建出专业且美观的表单界面。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<style>

    .drag ul li,
    .dragg ul li {
        width: 100%;
        height: 60px;
        list-style-type: none;
    }

    .drag ul li label,
    .dragg ul li label {
        width: 30px;
        height: 30px;
        display: inline-flex;
        background: #f2f2f2;
        border: 1px solid #d8d8d8;
        border-radius: 4px;
    }

    .drag ul li input[type="checkbox"],
    .dragg ul li input[type="checkbox"] {
        display: none;
    }

    .drag ul li input[type="checkbox"] + b,
    .dragg ul li input[type="checkbox"] + label b {
        display: inline-block;
        width: 30px;
        height: