Firefox/Internet Explorer在选择/突出显示select标记中的项目时的行为

use*_*221 6 html css firefox internet-explorer html-select

我注意到在Firefox中,当你点击箭头打开下拉菜单的"选择"标签,然后指向一个选项时,该行会以蓝色背景突出显示,正如我所料,这没关系.

但是在Internet Explorer中,当您单击要选择的选项并且它成为所选选项时,蓝色突出显示将保持不变,直到您单击选择标记之外的其他位置.

有没有办法改变这种行为?

Jam*_*lly 5

一种方法是使用JavaScript.我使用jQuery使其更容易:JSFiddle示例.

$('select').change(function() {
    $(this).blur();
})
Run Code Online (Sandbox Code Playgroud)

选择选项后,这将从元素中移除焦点.

要使用这个纯JavaScript,你可以使用它onchange.

  • 我对基于CSS的选项感兴趣,但这很有用 (3认同)