自動完成更改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使用鍵盤選擇（箭頭鍵）

回答

相關問題