Styling browse buttons on file elements in formsFor 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.
|
Solving the world's problems, one tip at a time
