Css 更改jQuery滑块的宽度和高度

我想更改jquery滑块UI的宽度和高度。我正在使用

ui轻量级

主题。我试图通过在样式表中添加以下代码来覆盖默认的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没有效果。css覆盖了上面的样式，我看不到滑块有任何变化。如何覆盖默认的jquery.css样式？

尝试添加

！重要提示

请在您的

宽度

和

高度

声明后进行裁决，如下所示：

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

这将迫使你的声明被阅读