Usually we know how to give input type file for upload any kind of file in the database, for that we are using form, and in that form we have to give input type="file" for file upload, usually while we are calling the input type as like the above, that will change for each browser, for that and make the file input type in custom design using Css and Jquery. let see how it is.
most of the social media and more sites have this kind of custom file chosen button for their flexible. because it change for all different browser. for that we have to make designed image for that replace of default style.
FILE INPUT TYPE
input type='file'.Just assign one label before the input type and close the label after the input type, for hide the original style of .style-chosen is called in the script, just call the class before all the class. and call the scripts
Just call the function as SI.Files.styleAll() in the si.files.js source file too. and make some changes in si.files.js. and the custom file chosen button is ready. and we can give any kind of image as you need in the label background. that could takes as the format of custom file chosen button.
Image Zoommer like E-commerce site using multizoom.js
Facebook style Scroll bar using Jquery
Facebook Style Textarea Auto Grow Using JQuery Plugin and Css
Floating menu using Jquery plugin
Better and Flexible Tooltip using LiteTooltip.js
Change text & background color while selecting text using CSS3
Change the colored image into black and white image on image hover