Modifier la largeur et la hauteur du curseur jQuery

Question

Je souhaite modifier la largeur et la hauteur de l'interface utilisateur du curseur jquery. J'utilise le thème ui-lightness. J'ai essayé de remplacer le jquery.css par défaut en ajoutant le code suivant dans ma feuille de style.

.ui-slider .ui-slider-horizontal { height: .6em; } 
.ui-slider .ui-slider-handle { 
    position: absolute; 
    z-index: 2; 
    width: 1em; 
    height: 1em; 
    cursor: default; 
} 

Mais le css ci-dessus n'a aucun effet. jquery.css remplace le style ci-dessus et je ne vois aucun changement dans le curseur. Comment remplacer les styles jquery.css par défaut?

Answer 1

Essayez d'ajouter la règle !important sur votre après width et height déclaration, comme suit:

width:1em !important; 
height:1em !important; 

Cela devrait forcer votre déclaration à lire.