使用键盘自动完成更改css选择（箭头键）

Question

当用户使用键盘选择结果时，我尝试更改css（箭头键）。

.ui-menu .ui-menu-item a:hover, .ui-menu .ui-menu-item a:focus, .ui-menu .ui-menu-item a:active {
    background:#ff8a00!important;
    color:#000;
    border-radius:0;
}

但是，此css仅在鼠标事件中生效。

Answer 1

你走了。

<强> WORKING DEMO

CSS：

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: #ff8a00;
    border: none;
    color:#000;
    border-radius:0;
    font-weight: normal;
}

Answer 2

试试这个：

jsFiddle

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{
    background: #ff8a00!important;
    color: #000;
    border-radius: 0;
}