选择一个选项后取消突出显示下拉菜单

Question

我有一个下拉菜单

<select id='getbusornew'>
    <option value='News'>BBC News</option>
    <option value='Business'>Business News</option>
</select>

其中附有CSS：

.NBSCustomDropDownParent select {
    text-indent: 1px;
    width: 244px;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin-bottom : 5px;
    border: none;
    background: transparent url("/Style%20Library/NBSImages/NBSCustomDropDownArrow.png") no-repeat 205px center;
    font-family: NBS;
    font-size: 2.3em;
    color: rgb(0, 41, 121);
}

.NBSCustomDropDownParent select option {
    color: rgb(0, 41, 121);
    font-family: NBS;
    font-size: 2.3em;
}

但是，我有一个问题，一旦我从下拉菜单中选择了一个选项，下拉菜单便消失了，仅显示了我选择的选项。 反正有改变它自动突出显示

Answer 1

最简单的方法是通过一些JavaScript

$('#getbusornew').on('change', function () {
    $(this).blur();
});

每当您选择一个选项时，都会将焦点从元素上移开。

JSFiddle示例

Answer 2

使用这一行JQuery应用于所有DropDowns ：

$('select').on('change', function () {$(this).blur();});

查看JSFiddle演示