Custom file input can’t be that hard?

Ok, this is a quick post. I wanted to style the input for file upload, and spent some time fine tuning. In order to have this for future use, I made a tutorial for myself :). If you need to style file input, see my demonstration on how to fake file type input or download the file. This is in no way final or tested. If you have suggestions, please leave a comment.

Fake file input

  • andsien

    i added opacity for ie in your css p.fake_file_input .file_input

    filter: alpha(opacity = 0);


  • tester

    example doesnt work.

  • @tester: Hi, can you tell me what’s not working for you?