Personalizzazione dell'interfaccia utente jQuery Altezza e larghezza del cursore

Question

Quando si personalizza l'altezza/larghezza del cursore dell'interfaccia utente jQuery (e della maniglia), la maniglia ora scorrerà troppo a sinistra (fuori dal cursore). C'è un modo consigliato di fare questo?

Ecco un violino visualizzare quello che voglio dire: http://jsfiddle.net/w7A4k/

non ho visto nulla in API Documentation per questo, e sto usando una configurazione molto semplice:

$("#slider").slider({ 
    orientation: "horizontal", 
    max: 100, 
    min: 0 
}); 

Answer 1

Prova

fiddle demo

.ui-slider .ui-slider-handle { 
    height: 15px; 
    width: 5px; 
    padding-left: 5px; //add this 
} 

---

Per mettere il cursore all'interno della barra inserirlo padding-left: 5px;

Answer 2

dimensioni Unità di JQuery UI cursore è in em. Pertanto la dimensione del cursore è relativa alla sua dimensione del carattere.

• Modificare la dimensione del carattere del cursore div per gestire l'altezza del cursore.
• Cambia la larghezza del contenitore del cursore per gestire il cursore WIDTH.