Hide choose file button of input[type='file'] without hiding file choosen name with simple css

Question

If you're trying to remove the default Choose File Button without Removing the Filename label here is the simple CSS solution.

from the duplicate: https://stackoverflow.com/a/16314435/8620333 .. also you should write a valid question. SO is not a blog to share tuto or trick, it's a Q&A website. Even if you will answer your own question, it need to be a valid question — Temani Afif, Jun 13 '20 at 14:19

score 2 · Accepted Answer · answered Jun 13 '20 at 14:08

2

Here you can easily remove choose file button of input type file without losing filename label with just simple CSS.

input[type=file]::-webkit-file-upload-button {
    visibility: hidden;
}

answered Jun 13 '20 at 14:08

Muhammad Rizwan

1 Answers1