css - What is the best way to replace the file browse button in html? -


i know it's possible replace browse button, generated in html, when use input tag type="file.

i'm not sure best way, if has experience please contribute.

the best way make file input control almost invisible (by giving low opacity - not "visibility: hidden" or "display: none") , absolutely position under - lower z-index.

this way, actual control not visible, , whatever put under show through. since control positioned above button, still capture click events (this why want use opacity, not visibility or display - browsers make element unclickable if use hide it).

this article goes in-depth on technique.


Comments

Popular posts from this blog

windows - Why does Vista not allow creation of shortcuts to "Programs" on a NonAdmin account? Not supposed to install apps from NonAdmin account? -

c++ - How do I get a multi line tooltip in MFC -

unit testing - How to mock PreferenceManager in Android? -