将input[type="file"]显示成a标签

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接: https://blog.csdn.net/qq_32157579/article/details/101625757
<!DOCTYPE html>
 <html>
     <head>
         <meta charset="utf-8" />
         <title></title>
         <style>
             .file_upload_box {
                 display: inline-block;
                 position: relative;
                 overflow: hidden;
             }
             .file_upload_box input[type=file] {
                 position: absolute;
                 left: 0;
                 top: 0;
                 width: 100%;
                 opacity: 0;
                 cursor: pointer;
             }
             .file_upload_box a {
                 display: inline-block;
                 width: 100%;
                 text-align: center;
                 text-decoration: none;
             }
         </style>
     </head>
     <body>
         <div class="file_upload_box">
             <input type="file" name="file" />
             <a href="javascript:void(0);">导入</a>
         </div>
     </body>
 </html>

猜你喜欢

转载自blog.csdn.net/qq_32157579/article/details/101625757
今日推荐