更改jQuery滑块的宽度和高度

Question

我想更改jquery滑块UI的宽度和高度.我正在使用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;

这应该强制你的宣言被阅读.