javascript - 删除选择的焦点

Question

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

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

但是在 IE 中，当您单击要选择的选项并成为选定选项时，蓝色突出显示将一直保持，直到您单击选择标记之外的其他位置（在 firefox - 中并非如此）。但是我明白我应该做什么，并在选择一个选项时从元素中移除焦点。

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

但是仍然存在一个小问题 - 如果选择的选项与前一个相同（例如我连续两次选择一个元素），焦点将保持在选择上并且蓝色突出显示再次打开。有什么办法可以改变

score 6 · Accepted Answer

在 IE11（不确定以前的版本）中，您可以使用以下命令从焦点选择元素中删除蓝色背景

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

score 2 · Accepted Answer

在css中试试这个：

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

我想这就是你要找的。

score 0 · Accepted Answer

您可以在 css 中设置选定的下拉菜单背景颜色：

select:focus { 
    background: #fff;
}

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

3 回答 3