[html5] CSS for File Upload Button

Siva Kumar nylsiva at gmail.com
Sun Jan 4 22:54:07 PST 2015


Thanks for your replay,

Mr. Perter Borbely, using your code I enabled file upload button, Since I
unable to display File name, button overlapping on the file name. As per my
requirement I need to show file name too. Please guide me to resolve it,
Which all browsers need to support.

 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.

On Mon, Jan 5, 2015 at 3:19 AM, Peter Borbely <pborbely at fairfaxmedia.com.au>

> I guess it's based on vendor implementations
> this SO thread seems to be the best and most semantic solution:
> http://stackoverflow.com/questions/21842274/cross-browser-custom-styling-for-file-upload-button
> On 29 December 2014 at 21:52, Siva Kumar <nylsiva at gmail.com> wrote:
>> Hi
>>  i am trying to create upload button using HTML like
>>  <input type="file" />
>> i need to create customized browse button with my own text and colors *with the only help of CSS*.
>> For this i have some query's please clarify me the below points
>>    1. like other buttons why i cant customize this button easily. is there any reason behind that.
>>    2. why all browser are not having unique format( some have textbox then browse button , some have browse button only).
>>    3. is there any idea to improve this in future.
>> Thanks in Advance
>> *Thanks & Regards,*
>> M.Sivakkumar M.B.A.,M.C.A.,
>> UI Developer
>> _______________________________________________
>> Help mailing list
>> Help at lists.whatwg.org
>> http://lists.whatwg.org/listinfo.cgi/help-whatwg.org
> 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.


*                                                         Thanks & Regards,*

                                                          (+91 9003645242)
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.whatwg.org/pipermail/help-whatwg.org/attachments/20150105/9cbc20cb/attachment.htm>

More information about the Help mailing list