Skip to content

Instantly share code, notes, and snippets.

@karki-dennis
Created November 26, 2015 08:19
Show Gist options
  • Save karki-dennis/586fc15a36ab19f57f94 to your computer and use it in GitHub Desktop.
Save karki-dennis/586fc15a36ab19f57f94 to your computer and use it in GitHub Desktop.
input file button customize
.custom-file-input::-webkit-file-upload-button {
visibility: hidden;
}
.custom-file-input::before {
content: 'Browse';
display: inline-block;
background: #b29db5;
border-radius:0 5px 5px 0;
padding: 5px;
outline: none;
color: #fff;
white-space: nowrap;
-webkit-user-select: none;
cursor: pointer;
font-family: "HelveticaWorld-Bold";
}
.custom-file-input:hover::before {
border-color: #b29db5;
}
.custom-file-input:active::before {
background: #AD6AB5;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment