As most of us know that we cannot style the file upload control to much level, still we can give it a stunning effect with the help of CSS.
There is nothing in code to explain.
I took three upload control and one button to give effect.
Lets say upload control is in ASP.net or in HTML.
<asp:FileUpload ID="FileUpload1" CssClass="Cntrl1" runat="server" /> Or html file upload <input id="readFile" type="file" runat="server" class="Cntrl1" />
Then create a simple CSS class of name “Cntrl1”.
<style id="cssStyle" type="text/css" media="all"> .Cntrl1 { background-color:#abcdef; color: Yellow; border: 1px solid #AB00CC; font: Verdana 10px; padding: 1px 4px; font-family: Palatino Linotype, Arial, Helvetica, sans-serif; } </style>
Out put in different browsers will look like :
![Output in Chrom](https://i0.wp.com/jitendrazaa.com/blog/wp-content/uploads/2010/05/Output-in-Chrom-300x82.png?resize=300%2C82&ssl=1)
![Output in Mozilla](https://i0.wp.com/jitendrazaa.com/blog/wp-content/uploads/2010/05/Output-in-Mozilla-300x51.png?resize=300%2C51&ssl=1)
![Output in Internet explorer](https://i0.wp.com/jitendrazaa.com/blog/wp-content/uploads/2010/05/Output-in-IE-300x48.png?resize=300%2C48&ssl=1)
Leave a Reply