更改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;

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