¿Alguien sabe cómo eliminar el resalte azulado que aparece al arrastrar el control deslizante de jQuery en navegadores webkit? Parece ser un cuadro resaltado de puntos en Firefox, y no estoy seguro acerca de IE, pero se puede ver aquí:Quitar resaltado en el control deslizante de jQuery
http://www.marioplanet.com/index.asp
Está en la parte superior de la columna de la izquierda, y aparece después de arrastrar alrededor.
Añadir el siguiente CSS
.ui-slider-handle {
outline: none;
}
Esto eliminará el contorno forman la biela-manivela.
Como dice Skelton, .ui-slider-handle { outline: none; } debería hacerlo, pero en general no es una buena idea porque al hacerlo se rompe la navegación del teclado.
(El propósito del esquema es indicar qué elemento tiene foco, al igual que las GUI nativas proporcionan algún tipo de esquema en el widget activo. Sin él, se necesita un tipo especial de locura para interactuar con un sitio web a través del teclado.)
Tiene razón, esto no es fácil de usar – tom
Quizás onmousedown = "$ (this) .css ({'outline': 'none'})", de modo que los navegadores de teclado no se vean afectados?
En el esquema de CSS: 0px; ¿quizás? ¿Eso hace algo? –
Tristemente, no, ¡pero gracias por la sugerencia! :) – Qcom