Anish anish-adm
barneycarroll
/ fileInput.css
Last active
April 2, 2023 22:21
Total input[type=file] style control with pure CSS. File type inputs are notoriously hard to style, due to different semi-serious style restrictions in the name of security (the argument being that a file input presents access to the user's private file system, and should as such always look unambiguously like what it is — redundant if you ask m…
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .fileContainer { | |
| overflow: hidden; | |
| position: relative; | |
| } | |
| .fileContainer [type=file] { | |
| cursor: inherit; | |
| display: block; | |
| font-size: 999px; | |
| filter: alpha(opacity=0); |