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

尝试在您的and声明!important之后添加规则，如下所示：widthheight

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

这应该迫使您的声明被阅读。