Link to home
Start Free TrialLog in
Avatar of icompass
icompass

asked on

how to apply style to a browse button that's created automatically with <input type="file">

Here is the problem, I have a form with several buttons on it, and i've turned them all blue with a style <input type="button" class="BlueButton" value="whatever">

but, for the browse button, i cannot apply a style to it, because i didn't actually make the button explicitly, rather it got created automatically when i made a <input type="file">

here's a picture of the problem i am having:

http://test.tolkoems.com/tolko/images/browseproblem.gif

ASKER CERTIFIED SOLUTION
Avatar of seanpowell
seanpowell
Flag of Canada image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Here's a link that you can read that explains it very well:
http://www.cs.tut.fi/~jkorpela/forms/file.html#present
Avatar of icompass
icompass

ASKER

that's what i thought.  I don't want to turn the textbox blue, and even when i did put that class on, it ONLY turned the textbox blue, not the button.

not sure what you meant by "inverting an inset to an outset and retaining styles for the button"
The browse button is called up from the underlying operating system. If you call up the page in a German browser it will show "Durchsuchen" in a matching width - just in case you wanted to change the text as well!
Sorry, didn't mean to confuse - I wast just referring to whether the text box had an inset or or outset shadow to it...
OK, now I am confused.  if it did display "Durchsuchen" I couldn't change the text anyway could I?

anyway, i read the link that you posted, and basically the answer is, i can't change the button, so i am satisfied with that i guess.
you might want to review this thread for some potential workarounds...

https://www.experts-exchange.com/questions/20651891/CSS-Newbie-hiding-a-textbox.html