Milligram: 파일 입력 지원 요청.

다음과 같이 달성할 수 있습니다.

    <label for="files" class="button file-label">Upload
    </label>
    <input
      onchange="yourUploadHandler(e)"
      accept=".csv, .doc, image/*"
      class="hidden"
      id="files"
      type="file" />

.file-label {
  width: 15rem;
}
input[type=file].hidden {
  visibility: hidden;
  width: 15rem;
  margin-left: -15rem;
}

머리 위로; 입력 주위 에 레이블을 래핑하지 마십시오. 이렇게 하면 IE(최소한 Edge)가 엉망이 됩니다.

@marcusasplund 매우 인상적입니다! 다음 버전에 이 기능을 추가하면 괜찮을까요?

물론 이죠!

@faststare Inspire by @marcusasplund , 이 기능을 추가합니다 #249
이제 이 문제를 닫겠습니다.