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

尝试在 width 和 height 声明之后添加 !important 规则，如下所示：

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

这应该会强制阅读您的声明。