<div dir="ltr"><div><div>hi<br><br></div>Thanks for your replay,<br><br></div>Mr. Perter Borbely, using your code <span>I</span> enabled file upload button, Since <span>I</span> unable to display File name, button <span>overlapping</span> on <span>the file name</span>. As per my requirement <span>I</span> need to show file name too. Please guide me to resolve it, Which all <span>browsers</span> need to support.<br><br>
<div style="border-color:rgb(187,187,187)">
<div style="display:block">Why
any of browser are not supported direct CSS and if its support means,
please educate me with a solution. The same time it will be fine if I
get CSS W3 spec for file uploads. </div>
</div></div><div class="gmail_extra"><br><div class="gmail_quote">On Mon, Jan 5, 2015 at 3:19 AM, Peter Borbely <span dir="ltr"><<a href="mailto:pborbely@fairfaxmedia.com.au" target="_blank">pborbely@fairfaxmedia.com.au</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr"><div class="gmail_default" style="font-family:'trebuchet ms',sans-serif">I guess it's based on vendor implementations</div><div class="gmail_default" style="font-family:'trebuchet ms',sans-serif"><br></div><div class="gmail_default" style="font-family:'trebuchet ms',sans-serif">this SO thread seems to be the best and most semantic solution:</div><div class="gmail_default"><font face="trebuchet ms, sans-serif"><a href="http://stackoverflow.com/questions/21842274/cross-browser-custom-styling-for-file-upload-button" target="_blank">http://stackoverflow.com/questions/21842274/cross-browser-custom-styling-for-file-upload-button</a></font><br></div></div><div class="gmail_extra"><br><div class="gmail_quote"><div><div class="h5">On 29 December 2014 at 21:52, Siva Kumar <span dir="ltr"><<a href="mailto:nylsiva@gmail.com" target="_blank">nylsiva@gmail.com</a>></span> wrote:<br></div></div><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div><div class="h5"><div dir="ltr"><div>Hi<br><br></div> i am trying to create upload button using HTML like <br><pre> <input type="file" /><br><br></pre><pre>i need to create customized browse button with my own text and colors <b>with the only help of CSS</b>.<br><br>For this i have some query's please clarify me the below points<br><br> 1. like other buttons why i cant customize this button easily. is there any reason behind that.<br></pre><pre> 2. why all browser are not having unique format( some have textbox then browse button , some have browse button only). </pre><pre> 3. is there any idea to improve this in future.<br><br></pre><pre>Thanks in Advance<br></pre><br><div><div><div><div style="text-align:left"> <br></div><div style="text-align:left"><b>Thanks & Regards,</b></div><div style="text-align:left"><b></b></div><div style="text-align:left">M.Sivakkumar M.B.A.,M.C.A.,</div><div style="text-align:left">UI Developer<br></div></div>
</div></div></div>
<br></div></div>_______________________________________________<br>
Help mailing list<br>
<a href="mailto:Help@lists.whatwg.org" target="_blank">Help@lists.whatwg.org</a><br>
<a href="http://lists.whatwg.org/listinfo.cgi/help-whatwg.org" target="_blank">http://lists.whatwg.org/listinfo.cgi/help-whatwg.org</a><br>
<br></blockquote></div><br></div>
<br>
<span style="color:rgb(34,34,34);font-family:arial,sans-serif;background-color:rgb(255,255,255)"><font size="1">The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax Media does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax Media does not accept legal responsibility for the contents of this message or attached files.</font></span></blockquote></div><br><br clear="all"><br>-- <br><div class="gmail_signature"><div style="text-align:left"> </div><div><br></div><div><br></div><div><br></div><div><br></div><div><br></div><div><br></div><div><br></div><div><br></div><div><b> </b></div><div style="text-align:left"><b> Thanks & Regards,</b></div><div style="text-align:left"><b><br></b></div><div style="text-align:left"><b> </b> M.Sivakkumar M.B.A.,M.C.A.,</div><div style="text-align:left"> (+91 9003645242)</div></div>
</div>