删除选择的焦点

Question

我的问题可能很愚蠢,但我想知道是否有机会改变这种行为.

我注意到当你点击选择标签的箭头打开下拉列表的选项时,当你指向一个选项时,它会以蓝色背景突出显示,这没关系.

但是在IE中,当您单击要选择的选项并且它成为所选选项时,蓝色突出显示将保持不变,直到您单击选择标记之外的其他位置(在Firefox中不是那样).我知道我应该做什么,并在选择了一个选项后从元素中删除焦点.

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

但仍然存在一个小问题 - 如果选择的选项与前一个相同(例如我连续两次选择一个元素),焦点将保持选择状态,蓝色突出显示再次亮起.有没有办法改变这一点

Answer 1

在IE11中(不确定以前的版本),您可以从焦点选择元素中删除蓝色背景

select::-ms-value {background: none;}

这是一个dabblet演示

Answer 2

在 css 中试试这个：

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

我想这就是你正在寻找的。