Skip to content

Instantly share code, notes, and snippets.

@Rameshwar-ghodke

Rameshwar-ghodke/Custom Choose Files form field with button type look

Last active December 17, 2020 04:23
Show Gist options
  • Save Rameshwar-ghodke/81e37be92f1a7e54993aa8ee95e11614 to your computer and use it in GitHub Desktop.
Save Rameshwar-ghodke/81e37be92f1a7e54993aa8ee95e11614 to your computer and use it in GitHub Desktop.
Download ZIP
change input type file like button type
Raw
Custom Choose Files form field with button type look
/* ******** Custom Choose Files form field with button type look ************ */
// CSS code
.custom-file-upload { border: 1px solid #d7131c; display: inline-block; padding: 6px 12px; cursor: pointer; color:#d7131c; }
input[type="file"] { display: none; }
//Html Code
<div class=""><label class="custom-file-upload btn btn-outline-danger btn-block">
<input type="file">
Scan / Upload File
</label></div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment