Rimuovi l'evidenziazione sul controllo slider jQuery

Question

Qualcuno sa come rimuovere l'evidenziazione bluastra che appare quando si trascina il controllo slider jQuery nei browser Webkit? Sembra essere una casella di evidenziazione tratteggiata in FireFox, e io non sono sicuro di IE, ma è possibile vederlo qui:

http://www.marioplanet.com/index.asp

E 'sulla parte superiore della colonna di sinistra, e sembra dopo il trascinamento intorno

Answer 1

Aggiungere il seguente al vostro css

.ui-slider-handle { 
    outline: none; 
} 

Questo eliminerà il contorno formano il dispositivo di scorrimento-handle.

Answer 2

Come dice Skelton, .ui-slider-handle { outline: none; } dovrebbe farlo, ma generalmente non è una buona idea, perché così facendo si interrompe la navigazione della tastiera.

(Lo scopo della struttura è indicare quale elemento ha il focus, proprio come le GUI native forniscono una sorta di struttura sul widget attivo. Senza di essa, ci vuole un tipo speciale di follia per interagire con un sito web tramite il tastiera.)

Answer 3

Forse onmousedown = "$ (this) .css ({'outline': 'none'})", in modo che i navigatori della tastiera non siano interessati?