如何更改jQuery Mobile Slider元素的大小？

Question

我需要让我的jQuery移动滑块更厚。我还需要使滑块的旋钮更大。我访问过其他SO线程并尝试更改滑块的CSS规则。滑块小部件的类已设置为jquerymobileslider。 以下是index.html中标签的相关内容：

.jquerymobileslider .ui-slider {
    height: 50px;
}

.jquerymobileslider .ui-slider .ui-slider-handle {
    height: 50px;
    width: 50px;
}

但是我没有看到任何变化。

有什么想法吗？

Answer 1

默认高度已经是50px，请尝试以下操作，确保在默认CSS样式之后应用它，并查看是否发现任何视觉变化：

.ui-slider-track {
    height: 75px;
}
.ui-slider-handle {
    height: 75px;
    top: 0%;
}