Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to custom input file with bootstrap 4

I want to do like this in webpack bootstrap 4 env :

http://v4-alpha.getbootstrap.com/components/forms/#custom-forms

File browser

<label class="custom-file">
  <input type="file" id="file" class="custom-file-input">
  <span class="custom-file-control"></span>
</label>

How to override the "placeholder" and "button-label" value

like image 877
Kery Hu Avatar asked Sep 17 '16 08:09

Kery Hu


1 Answers

Those values are from CSS:

.custom-file-control:lang(en)::after {
  content: "Choose file...";
}

.custom-file-control:lang(en)::before {
  content: "Browse";
}
like image 136
tmg Avatar answered Nov 08 '22 09:11

tmg