jquery - 选择选项后删除对 twitter bootstrap drown 的关注

Question

如何将焦点放在 Bootstrap 下拉菜单上

在我从下拉菜单中选择选项后，需要移除焦点(需要移除蓝色边框以及下拉菜单上的焦点)

当我在我的 Mac 机器上使用 command 按钮时，下拉列表打开。

我尝试了以下内容

<select class="list selectpicker" id="listing">
<option value="" selected="selected">All months</option>
<option value="7125">Aug</option>
<option value="2925">Nov</option>
<option value="2">Dec</option>
<option value="7119">Jan</opt

$("#listing").change(function(){
  $(this).blur();
});

css:
 .bootstrap-select .btn:focus {
  outline-color: transparent !important;
  }

fiddle

Answer 1

您必须将焦点设置到另一个元素。只需在选择后添加一个空的“A”标签，并在更改时将焦点设置到它。

<select class="list selectpicker" id="listing">
  <option>Mustard</option>
  <option>Ketchup</option>
  <option>Relish</option>
</select>
<a id="a" href="#"></a>

$("#listing").selectpicker();
$("#listing").change(function(){
    $('#a').focus();
});

http://jsfiddle.net/Evoluteur/2jq4mLoj/35/