[Browse Button] How to Style the Browse Button that Appears for Adding Files?
Hi gang,
Is there a way to stylize the buttons that appear when you "add a file"? The button has text on it that reads "Browse". This button's appearance is the default OS/browser, and I suspect perhaps the code for this is generated by one of the JavaScript files (public/assets/javascript/modules/…)? The files that are used to display this info are in "application/views/files/…". Any ideas on how to go about stylizing these? What files do I need to change? Particular CSS file?
Here's the generated code when I view source (not that the button should appear in the code, but alas, it does not):
<div id="selectFileControl">
<label for="fileFormFile">File: <span class="label_required">*</span></label>
<input id="fileFormFile" type="file" name="file_file" value="" /> <!-- This is where the browse button appears, but there is no code for it!!!-->
</div>Any help would be greatly appreciated. I've been wracking my brain trying to figure out how to change this particular button! The others are easy to change via CSS, but this one is a mystery!
Thanks,
Chris
for security reasons, browsers do not allow for much styling of file upload inputs/buttons.
There is a way to do it, but in my opinion it is way too complicated, and opens a can of worms in terms of accesibility and cross-browser compatibility
I understand what you're saying. Something to think about. Okay, thanks for the info and the link!
- Chris