input-group custom-file-input browse button border-radius

Created by: zuul

The following markup, as viewed on the documentation, keeps a border-radius on the "browse" button when we have a second button (Bootstrap 4.0.0):

<div class="input-group mb-3">
  <div class="custom-file">
    <input type="file" class="custom-file-input" id="inputGroupFile02">
    <label class="custom-file-label" for="inputGroupFile02">Choose file</label>
  </div>
  <div class="input-group-append">
    <span class="input-group-text" id="">Upload</span>
  </div>
</div>

Sample at JSFiddle

Screenshot:

Seen on:

• Linux Mint 17.3 Cinnamon (64-bit)
• Firefox Quantum 57.0.4 (64-bit)
• Google Chrome 63.0.3239.132 (Official Build) (64-bit)
• Opera 50.0.2762.58