Removing input box from file form

HTML & CSS
1

Hello

How can I remove the input box that comes with a file upload form?

2

If your supporting IE7+ you can use an attribute selector to target either the id or name of the element, see the below example:

input[name="input_name_here"] { display: none; }
3

If you are talking about a “file input” with browse button attached then you can’t really do anything to it at all.

There are some css tricks you could use like putting another element on top and hiding the button but it gets very tricky especially as safari mac puts the “choose File” button on the left and not on the right like other browsers.

There are a number of scripts around that will replace the file input with normal elements and then swap the data from one to another seamlessly which should allow you to style them as you wish.

4

What do you mean by “remove”?

I would just delete it from the form’s html if you don’t need it.