title: WebForms & JQuery: File upload
body: <p>I want ASP.NET file upload to look like this using the CSS</p>
  <p><a href="https://i.stack.imgur.com/aXyXV.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/aXyXV.png" alt="Image" /></a></p>
  <p>I have the CSS and is working as expected.</p>
  <p>Now, the issue I am facing is with FileUpload. How can I get ASP.NET File upload or Html input file to work with this.</p>
  
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="form-floating-label"&gt;
              &lt;h5&gt;Attach Documents*&lt;/h5&gt;
              &lt;div class="customButton"&gt;
                &lt;div class = "col-md-4 text-center"&gt;
                  &lt;i class="fas fa-cloud-upload fa-3x" style="color:#008094 !important; "&gt;&lt;/i&gt; 
                 &lt;/div&gt;
                 &lt;div class = "col-md-8 text-left"&gt;
                  &lt;span style="font-size:larger;"&gt;Drag and Drop or        
                    &lt;span  style="color:#008094 !important; display: block;"&gt; Browse your device&lt;/span&gt;
                  &lt;/span&gt;
                 &lt;/div&gt; 
              &lt;/div&gt;       </code></pre>
  </div>
  </div>
  </p>