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

我尝试更改用户使用键盘（箭头键）选择结果时的CSS。自动完成更改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只对鼠标事件有效。

enter image description here

来源

2013-11-25 rusly

你有在线演示吗？ –

@Mohsen我已经创建了一个..http：//jsfiddle.net/RDj4Z/2/ – nik

抱歉，但是这段代码并没有在我的程序上工作..请提供somthing ...只有鼠标事件代码正在工作.. – Chetan

你在这里。

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

来源

2013-11-25 05:24:11 Nitesh

谢谢在这里工作：D – rusly

不客气:) - @rusly – Nitesh

抱歉，但这段代码是不是在我的程序工作..请建议somthing ...只有鼠标事件代码工作.. – Chetan

试试这个：

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

来源

2013-11-25 05:25:17

-1

我喜欢这个解决方案。但我现在问自己天气是否有可能改变链接的背景颜色，如果一个ui菜单项目悬停？这将是很好的使用此代码段！

来源

2015-07-14 16:55:23 Slowwie

这应该做个评论，而不是回答。 –

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

回答

相关问题