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

最新推荐文章于 2023-07-12 16:35:20 发布

没饭吃！

最新推荐文章于 2023-07-12 16:35:20 发布

阅读量1w

点赞数

分类专栏： js/jQuery

本文链接：https://blog.csdn.net/qq_32157579/article/details/101625757

版权

js/jQuery 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!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>

没饭吃！

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
将input[type="file"]显示成a标签

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style> .file_upload_box { ...
复制链接

扫一扫