More than 5 years have passed since last update.

input fileタグをスタイリングする方法

Posted at 2017-02-25

html

<label for="file" class="file"> 
  <img src="画像のURL" height="48"/>
  <input type="file" id="file" >
</label>

css

.file input{
  display:none;
}
.file img{
  cursor:pointer;
}