I'm trying to style my file field to make it consistent with the rest of my forms. It should be visible on all browsers. I know it's impossible using just CSS. What about JavaScript? Here's how it'd look on Windows XP. The top one is the original, the bottom one is what I want. The button is pushed slightly away from the input field Some slight padding has been added to the input field and button The text has been changed from "Browse..." to just "browse" The most likely approach, I take it, would be to hide the existing button and add a new one on top of it? Or, if that can't be done, add just a regular text link? No graphics though.
yeah, for whatever reason these are OS components. there used to be a GREAT uploader project called SWIFF: http://digitarald.de/project/fancyupload/2-0/showcase/photoqueue/ unfortunately, you can't view the demo online now as harald has updated his version of mootools to trunk and it no longer has object.CallFunction - something that the project references. Anyway - get it and get the standard mootools 1.2 and you'll be fine it does what you want, but not only will it look nice, be universal and cross-browser, it also submits via ajax, supports multiple queued files, gives you speed updates on the upload and overall percentages. good luck