我需要使用 jQuery 中的 slider 并且必须调整它的大小。一切看起来都很好,除了 handle ,向左移动。我尝试了 css margin
、padding
、right
但它没有帮助。有什么办法可以纠正这个问题吗?
您可以在下面找到它的样子(放大 500%)和 CSS 代码。
.ui-slider {
background: #1f3e7c;
border-radius: 5px 5px 5px 5px;
}
.ui-slider-range {
background: #3366cc;
border-radius: 5px 5px 5px 5px;
}
.ui-slider .ui-slider-handle {
background: #dc3912;
border-radius: 2px 2px 2px 2px;
width: 3px;
height: 11px;
}
/* for div that contains slider*/
.rangeSlider {
color:#0000ff;
position: absolute;
width: 30%;
top: 100%;
height: 4px;
}
更新:请查看以下链接了解详情: https://jsfiddle.net/binary_mind/xnL9b9uq/5/
最佳答案
在 jquery-ui.css:753
margin-left: -.6em;
.ui-slider-horizontal .ui-slider-handle
属性。
改成0
就搞定了!
关于jQuery Slider 句柄向左移动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39529431/