选择该选项后,将重点放在twitter bootstrap上

时间:2014-12-18 07:30:17

标签: jquery html css twitter-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

1 个答案:

答案 0 :(得分:0)

您必须将焦点设置为另一个元素。只需在选择后添加一个空的“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/