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

Question

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

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

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

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

有什么想法吗？

Answer 1

默认高度已经是 50 像素，请尝试以下操作，确保它在默认 CSS 样式之后应用，并查看是否注意到任何视觉变化:

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