Bootstrap Browse File Button Style

Question

I have a question. I have a bootstrap input with type of file:

Html code:

input id="fileUpload" class="form-control" name="FileUpload" multiple="" type="file"

However it turns out to be that the "browse" button is being cropped. I would like to ask if it is possible or how to change the size of the "browse" button using html or css.

post your code so we can see what you've done. – John Louie Dela Cruz Nov 12 '15 at 03:51 — John Louie Dela Cruz, Nov 12 '15 at 03:51

score 3 · Accepted Answer · edited May 23 '17 at 12:02

3

<input id="fileUpload" name="FileUpload" multiple="" type="file" />

If you would like to keep your fileupload as button please look at this Twitter Bootstrap Form File Element upload button

edited May 23 '17 at 12:02

Community

1
1

answered Nov 12 '15 at 03:54

user2624242

348
1
12

please accept this Answer if it solved your question, so that anyone in help can know the answer – user2624242 Nov 13 '15 at 19:28

Bootstrap Browse File Button Style

1 Answers1