Css 更改jQuery UI滑块大小

我使用的是我网站上的一些尺寸（不是宽度而是按钮的尺寸-演示页面底部）。-但是滑动按钮的尺寸更好，更小-演示右侧

那么如何更改UI滑块按钮的大小呢？或者如何添加其他类型的按钮，例如图像？

示例页面中的css：

.ui-slider .ui-slider-handle {

    cursor: default;
    height: 1.2em;
    position: absolute;
    width: 1.2em;
    z-index: 2;
}

示例页面中的css：

.ui-slider .ui-slider-handle {

    cursor: default;
    height: 1.2em;
    position: absolute;
    width: 1.2em;
    z-index: 2;
}

---

对于使用

垂直滑块的用户

我的问题通过以下方法解决：

.ui-slider {
    position: relative;
}

---

对于使用

垂直滑块的用户

我的问题通过以下方法解决：

.ui-slider {
    position: relative;
}