<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
<h1>Bootstrap 4 Custom Browse Button</h1>
<div class="container">
<div class="form-group">
<input type="file" name="img[]" class="file">
<div class="input-group mb-3">
<div class="input-group-prepend">
<span class="input-group-text" id="basic-addon1"><i class="fas fa-paperclip"></i></span>
</div>
<input type="text" class="form-control" disabled placeholder="Upload File" aria-label="Upload File" aria-describedby="basic-addon1">
<div class="input-group-append">
<button class="browse input-group-text btn btn-primary" id="basic-addon2"><i class="fas fa-search"></i> Browse</button>
</div>
</div>
</div>
</div>
Bootstrap 4 Custom Browse Button
Be the first to comment
You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.