如何使用 bootstrap 自定义输入文件 4

Question

我想在 webpack 中这样做 bootstrap 4 env :

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

文件浏览器

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

如何覆盖 "placeholder" 和 "button-label" 值

Answer 1

这些值来自CSS:

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

.custom-file-control:lang(en)::before {
  content: "Browse";
}