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

Я хочу изменить ширину и высоту пользовательского интерфейса слайдера 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 по умолчанию?


css overriding jquery-ui jquery-ui-slider
person Vivek    schedule 07.12.2011    source источник

Ответы (1)


arrow_upward
5
arrow_downward

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

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

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

person Andres Ilich    schedule 07.12.2011