HTML表单input原生样式分享

 css

 <style>
        * {
            margin: 0;
            padding: 0;
        }

        body,
        html {
            width: 100%;
            height: 100%;
            /* background-image: url(./lunbo1.jpg); */
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }

        from {
            width: 100%;
        }

        .margin_warp {
            padding: 20px;
            margin: auto;
            /* background-image: ; */
            width: 260px;
            height: 200px;
            background-color: #eee;
            border: 1px solid rgb(188, 187, 187);
            position: absolute;
            top: 0;
            left: 0px;
            right: 0px;
            bottom: 0px;
            margin: auto;
            transition: all 0.4s;
        }

        .marg