Upload <input type="file" name="file"/>&l..."> Upload <input type="file" name="file"/></div># cssdiv { po..."> Upload <input type="file" name="file"/></div># cssdiv { po..."> bootstrap file inputをボタン化する方法 | Masahiro's tech note

bootstrap file inputをボタン化する方法

「bootstrap file inputをボタン化する方法」のアイキャッチ画像

しょっちゅう忘れるので、残しておこうかなと思い作成

# html
<div class="file btn btn-lg btn-primary">
  Upload
  <input type="file" name="file"/>
</div>

# css
div {
  position: relative;
  overflow: hidden;
}
input {
  position: absolute;
  font-size: 50px;
  opacity: 0;
  right: 0;
  top: 0;
}
目次
  1. 参考記事

参考記事

Bootstrap File Upload Button