图片上传

最新推荐文章于 2022-12-16 16:57:34 发布

小木马跳跳

最新推荐文章于 2022-12-16 16:57:34 发布

阅读量1.7k

点赞数

分类专栏： CSS

本文链接：https://blog.csdn.net/shanqianmin_new/article/details/52624785

版权

CSS 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

    .file-upload {
      position: relative;
      overflow: hidden;
      border: 1px solid #C5B7B7;
      display: inline-block;
      padding: 10px 10px;
      border-radius: 3px;
      margin-top: 10px;
    }
    .file-upload-input {
      position: absolute;
      width: 999px;
      height: 999px;
      top: 0;
      right: 0;
      cursor: pointer;
    }

    <div class="file-upload">
        <span class="file-upload-text">上传图片</span>
        <input name="upfile" class="file-upload-input" id="id-pic-file" type="file" accept="image/jpg,image/jpeg,image/png">
    </div>