bootstrap remove blue outline input code example

Example 1: boostrap 4 clear input

<div class="input-group">
    <input type="text" class="form-control" placeholder="Search...">
    <button class="btn bg-transparent" style="margin-left: -40px; z-index: 100;">
      <i class="fa fa-times"></i>
    </button>
</div>

Example 2: css remove blue outline button

button {
  outline: none;
}

Example 3: remove the glow in bootstrap input

.form-control:focus {
  box-shadow: none;
}