Loading

Html input file default button(choose file) color change..?

mari muthu

i struggled this scenorio actually we have used input file in all the page right . now i need to change little bit changes over there i need to change the button color like yellow. will you please tell me anyone knows how to do this

<input class="fileupload" id="fileInput" type="file" file-model="myFile" />

here i have tried..how to change the default button color

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Abhilash J A9y ago
Hi,

Please look at the Fiddle: http://jsfiddle.net/4cwpLvae/

Html,
<label for="file-upload" class="custom-file-upload">
    <input type="text" disabled placeholder="Upload File"> Custom Upload
label>
<input id="file-upload" type="file"/>
CSS,
input[type="file"] {
    display: none;

}
.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
     background-color: yellow;
}
Cheers !!!
+1