I wish to style a file upload button (on my site www.purergb.com)- but I’m not finding any good resources on how to do it. Some suggest a hack with setting the button to being transparent and then overlaying a graphic? Is this the best approach or do you have any other suggestions?
Looks pretty good as is to me! If you want to go further with the CSS3 effects, there are lots of great guides online. Just Google “css3 buttons” and you’ll see some great ones.
Of course, users of IE8 and below (i.e. losers 
) will see something pretty plain, though, so you could also use an image. But it need not be a hack. You can use the <button> element, or even <input type=“image”>.
Thanks, but there is minimal styling on the file select button. e.g. in Chrome the button says “Choose file”, in Firefox it says Browse and I dont know what it says in IE. There is too much inconsistency about that button for my liking! Though I quite like the FF3.6.3 look
I’m quite happy to use CSS3 as my site is more for the long term, rather than just now
O, that button. I was sure you were talking about the other one.
Does this link help?
CSS2/DOM - Styling an input type=“file”
Thanks for the link, this is the type of thing I’ve come across in the past and I was just wondering if there might be a better way of doing it now with CSS3