Styling an upload button input

Asked Nov 20 '19 at 18:39

Active Nov 20 '19 at 18:39

Viewed 18 times

I am trying to style button from auto generating form from php Nette framework.

I've tried for example

input[type="file" i] {
  display: none;
}

But it doesn't work...

My upload button

#frm-categoriesForm-form-upload{
  background-color:#4e73df;
  width: 300px;
  color:white;
}

<input type="file" name="upload" id="frm-categoriesForm-form-upload" class="text">

I would like to change styles of "Choose File" and make it like "no file chosen"

asked Nov 20 '19 at 18:39

Matěj Černý

take out the i from input[type="file" i]... – Alberto Sinigaglia Nov 20 '19 at 18:42
Doesn't work :/ – Matěj Černý Nov 20 '19 at 18:49
Appearance:none on your #frm-categoriesForm-form-upload – Alberto Sinigaglia Nov 20 '19 at 18:57
Possible duplicate of: [Styling an input type="file" button](https://stackoverflow.com/questions/572768/styling-an-input-type-file-button). See the [second answer](https://stackoverflow.com/a/25825731/10549827). – matthew-e-brown Nov 20 '19 at 18:59

0 Answers0