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
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
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
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"
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...
ASKER
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.
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
https://www.experts-exchange.com/questions/20651891/CSS-Newbie-hiding-a-textbox.html
http://www.cs.tut.fi/~jkorpela/forms/file.html#present