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

.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 jquery.css predeterminados?