Styling browse buttons on file elements in forms
For some unknown reason, CSS doesn't give you a way to style the "Browse" button that is shown in HTML forms that include elements for uploading forms. Instead, the browsers implement the styling of this button themselves. Sadly, their implementation rarely blends in well with the style of most web pages.
But this guy has a nice solution to the problem. Basically, he sets the z-index and opacity of the input file element so that it basically is not seen, but it can still work. He then lays additional elements on top which you are able to style.
It's a bit of work for something that should be easy, but if you are really desperate to still the Browse button of the form element, this may be your only solution.
But this guy has a nice solution to the problem. Basically, he sets the z-index and opacity of the input file element so that it basically is not seen, but it can still work. He then lays additional elements on top which you are able to style.
It's a bit of work for something that should be easy, but if you are really desperate to still the Browse button of the form element, this may be your only solution.
| Link: | www.quirksmode.org...Search for more tips related to this link |
| Rating: | no ratings, 0 total Votes |
| Categories: | CSS web 2.0 javascript HTML |
| Added: | on May 31, 2007 at 9:13 am |
| Added By: | an anonymous user |
| Searches: | element css web html form |
