Изменить ширину и высоту слайдера jQuery

Question

Я хочу изменить ширину и высоту пользовательского интерфейса слайдера jquery.Я использую ui-lightness тему.Я попытался переопределить jquery.css по умолчанию, добавив следующий код в мою таблицу стилей.

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

Но приведенный выше css не имеет никакого эффектаjquery.css переопределяет вышеуказанный стиль, и я не вижу изменений в слайдере.Как переопределить стандартные стили jquery.css?

Answer 1

Попробуйте добавить правило !important после объявления width и height, например:

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

Это должно заставить вашу декларацию быть прочитанной.