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

【问题标题】：autocomplete change css select using keyboard(arrow key)使用键盘（箭头键）自动完成更改css选择
【发布时间】：2013-11-25 05:04:30
【问题描述】：

当用户使用键盘（箭头键）选择结果时，我尝试更改 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 只对鼠标事件生效。

【问题讨论】：

你们有在线演示吗？
@Mohsen 我创建了一个..jsfiddle.net/RDj4Z/2
抱歉，此代码不适用于我的程序..请提出建议...只有鼠标事件代码有效..

标签： css jquery-autocomplete

【解决方案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;
}

【讨论】：

抱歉，此代码不适用于我的程序..请提出建议...只有鼠标事件代码有效..

【解决方案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;
}

【讨论】：