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

.slider-area { display: none; } .use-animation .pickup-2__entry.is-animation:after { content: none; } .use-animation .wrapper-inner { opacity: 1; } .youtube-wrap .youtube { display: none; }

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

2020.04.15

bootstrap

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

# 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;
}