删除选择的焦点

Question

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

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

但是在IE中，当你单击要选择的选项并且它成为选定的选项时，蓝色突出显示将保持不变，直到你点击select标签之外的其他位置（在firefox中不是这样）。我知道我应该做什么，并在选择了一个选项后从元素中删除焦点。

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

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

Answer 1

在IE11中（不确定以前的版本），您可以使用

从焦点选择元素中删除蓝色背景

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

Here's a dabblet demo

Answer 2

在css中试试这个：

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

我认为这就是你要找的东西。

Answer 3

您可以使用以下命令在css中设置所选的下拉菜单背景颜色：

select:focus { 
    background: #fff;
}

至于删除元素的焦点我会产生比你解决的问题更多的问题，我会重新考虑是否有必要。