有没有办法在键盘选项卡选择中更改选择下拉菜单的边框?

时间:2013-09-11 20:58:04

标签: html css drop-down-menu

我正在尝试找出一种方法来更改键盘选项卡上的选择下拉菜单的边框。如果有办法,有人可以告诉我吗?

我希望只在焦点上更改边框(使用键盘标签),而不是点击...

2 个答案:

答案 0 :(得分:1)

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

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

enter image description here

答案 1 :(得分:0)

您可以按如下方式更改焦点(和模糊)元素的样式:

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 Demo

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