이미지 및 비디오 용 업로드 버튼의 스타일 입력

Question

이 예제와 같이 버튼 입력으로 스타일을 지정하려고합니다.

방법은 스타일이 같은 입력이 할 수 있습니까?

<input id="fileupload" class="file-upload" name="media" type="file"> 

.file-upload { 
    position: absolute; 
width: 100%; 
height: 100%; 
top: 0px; 
left: 0px; 
opacity: 0; 

} 
.file-upload-input { 
    display: none; 
} 

Answer 1

이

<input id="fileupload" name="media" type="file"> 
<label for="file" class="file-upload">Choose a file</label> 

<style> 
#fileupload { 
    width: 0.1px; 
    height: 0.1px; 
    opacity: 0; 
    overflow: hidden; 
    position: absolute; 
    z-index: -1; 
} 
.file-upload { 
    font-size: 20px; 
    font-family: sans-serif; 
    color: #fff; 
    border-radius: 7px; 
    padding: 10px 20px; 
    background: #bd1a59; 
} 
.file-upload-input { 
    display: none; 
} 
</style> 

시도