JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.2/js/bootstrap-select.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.2/css/bootstrap-select.min.css">
 <select class="list selectpicker" id="listing">
    <option>Mustard</option>
    <option>Ketchup</option>
    <option>Relish</option>
  </select>
<a id="a" href="#"></a>

CSS

#listing, .selectpicker,.list:focus {
  outline-color: transparent !important;
  }

JavaScript

//$("#listing").selectpicker();
$("#listing").change(function(){
$("[data-id='listing']:eq(0)").blur() );
});