使用键盘自动完成更改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

干得好.

工作演示

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;
}