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

Question

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

Mani Kandan · Answer

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 !!!