Cambiar el ancho y la altura del control deslizante jQuery

Question

Quiero cambiar el ancho y alto de la interfaz de usuario del control deslizante jquery. Estoy usando el tema ui-lightness. Traté de anular el jquery.css predeterminado agregando el siguiente código en mi hoja de estilos.

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

Pero el css anterior no tiene ningún efecto. jquery.css anula el estilo anterior y no veo ningún cambio en el control deslizante. ¿Cómo anular los estilos predeterminados de jquery.css?

Answer 1

Trate de añadir la regla !important más después de su width y height declaración, así:

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

Eso debería forzar a su declaración que se leyó.