重写input file上传样式

最新推荐文章于 2021-06-05 05:41:23 发布

RightHereWaitingFY

最新推荐文章于 2021-06-05 05:41:23 发布

阅读量443

点赞数

分类专栏： Css

本文链接：https://blog.csdn.net/luyundesign/article/details/109546104

版权

Css 专栏收录该内容

10 篇文章 1 订阅

订阅专栏

<style type="text/css">
  .fileinput-button {
  position: relative; display: inline-block; overflow: hidden; display: block; width: 130px;
  height: 30px; border: 1px solid #c5c5c5; line-height: 30px; font-size: 14px;
}
.fileinput-button input{
  position: absolute; left: 0px; top: 0px; opacity: 0; -ms-filter: 'alpha(opacity=0)';
}
</style>

<span class="fileinput-button">
  <span>加载附件</span>
  <input type="file">
</span>