JSFiddle - React, Tailwind, and code Playground

by 규연 황

HTML

<div class="fileuploadwrap">
	<label for="fileupload" role="button"><button type="button">파일업로드</button></label>
	<input type="file" id="fileupload" />
</div>

CSS

.fileuploadwrap  {}
.fileuploadwrap label button  {display:block;width:30px;height:30px;border:0;padding:0;background:url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/yU/x/XUQ8Cg7ygHd.png) no-repeat 0 0;background-position: -434px -99px;text-indent:-9999px;}
.fileuploadwrap input  {display:none;}

JavaScript

$('button').bind('click', function(){
  $(this).parent().next().click();
});