jQuery UI自動完成中的懸停和箭頭鍵導航上的不同背景顏色

Question

我已經解決了我的問題。

鏈接到我的jsfiddle

問題是，使用鼠標懸停在列表上時，我得到了我想要的背景懸停顏色。 但是，當我使用箭頭鍵導航時，jquery ui默認主題顏色將生效。 這將創建兩組背景色，一組使用鼠標，另一組使用箭頭鍵。 我嘗試使用

.ui-menu-item .ui-menu-item-wrapper:focus 

但沒有成功。 我正在使用jQuery UI 1.12.1和jQuery 1.10.2。 我在兩個事件中如何獲得期望的背景顏色和文本顏色？

提前致謝。

Answer 1

我找到了負責此工作的類。 查看jquery ui主題滾輪的css文件可以為我提供線索。

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #aaaaaa;
    background: #cfd8e0;
    font-weight: normal;
    color: #212121;
}

現在，我對使用箭頭鍵懸停或瀏覽列表具有相同的效果。