I have got this
<div class="offset-sm-6 col-sm-6 offset-md-8 col-md-4">
<g:uploadForm controller="employeeWorkingHours" action="importFile">
<div class="custom-file">
<input type="file" name="file" class="custom-file-input" id="customFile" onchange="form.submit();showLoader('.custom-file')">
<label class="custom-file-label" for="customFile"><g:message code="dateimport.upload.label"/></label>
</div>
</g:uploadForm>
</div>
</div>
Screenshot and I have got a button with the text "browse" on it and I can not get rid of that text on that button. Any tips? Thanks