2017-02-17 11 views
0

jQuerysオートコンプリートボックスで、フォーカスされたアイテムの背景色を変更しようとしていましたが、思ったよりも辛かったです。 私の使命は、青色を他のものに変えることです。それは可能ですか?スタイルをjQueryに変更することはできません:sオートコンプリートエレメント

enter image description here

それは、ないホバー色です。それは私がすでに変えることができます。いいえ、キーボードを使用してフォーカスを合わせたアイテムを変更したときに表示される色です。

.ui-menu-item .ui-menu-item-wrapper:hover { 
    background: red; 
} 

http://jqueryui.com/autocomplete/#categories

私はちょうどホバー赤を作るためにこれを追加しました:https://jsfiddle.net/18b15bw1

は、私はjQueryのが提供する例から正確なコードを使用しました:ここ

は私のバイオリンです

答えて

2

.ui-state-activeクラスも追加してください。

.ui-menu-item .ui-menu-item-wrapper:hover, .ui-menu-item .ui-state-active { 
    background: red; 
} 

jsFiddle example

実際に、あなたもあなたのホバールールを必要としない、これはマウスとキーボードの両方を処理します。

.ui-menu-item .ui-state-active { 
    background: red; 
} 

jsFiddle example

+1

私が見つけるために時間を探していました私はページ上の他のアクティブなjquery要素を変更しなかったので、この回答に感謝します! –

関連する問題