title: -webkit-file-upload-button css implementation for firefox
body: <p>I have css implementation for <code>&lt;input type="file"&gt;</code> which styles the button and this is my code:</p>
  
  <pre><code>::-webkit-file-upload-button {
              cursor: pointer;
              margin-top: 25px;
              display: inline-block;
              padding: 6px;
              padding-right: 29px;
              padding-left: 29px;
              transition: all 1s ease;
              color: @darkGray;
              text-transform: capitalize;
              font-size: 15px;
              z-index: 1;
              position: relative;
              border-radius: 25px;
              background-color: transparent;
              border: 2px solid @red;
  }
  </code></pre>
  
  <p>But this only works on Chrome and I would like to know how would I do it for other browsers?</p>