html - 有没有办法改变键盘选项卡选择上的选择下拉框的边框？

Question

我正在尝试找出一种方法来更改键盘选项卡选择上的选择下拉菜单的边框。有人可以让我知道是否有办法做到这一点？

我希望仅在焦点（使用键盘选项卡）而不是单击时更改边框...

Answer 1

我不确定这是否是你想要的http://jsfiddle.net/Victornpb/MV44w/

select:focus{
    border: 2px solid #0F0;
    outline: 2px solid #0F0;
}

Answer 2

您可以更改焦点（和模糊）元素的样式，如下所示：

HTML：

<select><option>a</option></select>
<br/>
<select><option>b</option></select>

jQuery：

$(function() {
    $('select')
        .focus(function() {
            $(this).css('border-color', 'red'); 
        })
        .blur(function() {
            $(this).css('border-color', 'black'); 
        });
});

jsFiddle 演示

编辑：更新示例以使用选择框。