title: Bootstrap 4 File Input
body: <p>I am struggling with bootstrap 4 file browser. If I use custom-file-control I will see Choose file value all the time. 
  <a href="https://v4-alpha.getbootstrap.com/components/forms/#file-browser" rel="noreferrer">https://v4-alpha.getbootstrap.com/components/forms/#file-browser</a></p>
  
  <p>I would like to change the value of choose file after the file has been chosen. This value is actually hidden in css <code>.custom-file-control:lang(en)::after</code> and I do not know how to access and change it in javascript. I can get the value of chosen file like this:</p>
  
  <pre><code>document.getElementById("exampleInputFile").value.split("\\").pop();
  </code></pre>
  
  <p>not I need to change </p>
  
  <pre><code>.custom-file-control:lang(en)::after {
      content: "Choose file...";
  }
  </code></pre>
  
  <p>somehow</p>
  
  <p>link: <a href="http://codepen.io/Matoo125/pen/LWobNp" rel="noreferrer">http://codepen.io/Matoo125/pen/LWobNp</a></p>