Cerco di cambiare il css quando un utente seleziona un risultato utilizzando la tastiera (tasto freccia).modifica completamento automatico css selezionare utilizzando la tastiera (tasto freccia)
.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;
}
Tuttavia, questo css ha effetto solo con un evento del mouse.
Qui si va.
Il 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;
}
provare questo:
.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;
}
mi piace questa soluzione. Ma mi sono chiesto ora è possibile cambiare anche il colore di sfondo del link, se un elemento di menu-ui è al passaggio del mouse? Sarebbe fantastico usare questo snippet di codice!
Questo dovrebbe sii un commento, non una risposta. –
hai una demo online? –
@Mohsen ne ho creato uno..http: //jsfiddle.net/RDj4Z/2/ – nik
scusa ma questo codice non funziona sul mio programma ... per favore suggerisci qualcosa ... solo il codice evento del mouse sta funzionando .. – Chetan