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 (कम से कम एज) बोनकर बन जाएगा।

@marcusasplund यह बहुत प्रभावशाली है! आपके लिए ठीक है अगर मैं इस सुविधा को अगले संस्करण में जोड़ दूं?

हां बिल्कुल!

@faststare प्रेरित @marcusasplund से, मैं इस सुविधा # जोड़ने के 249
अब मैं इस मुद्दे को बंद कर दूंगा।