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
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