jquery - 回收范围滑块空间并使其更宽

Question

我试图摆脱范围滑块上方的空间。我认为隐藏标签是我需要做的，但这只会使空间空白。我怎样才能摆脱这个空间？

我在另一篇文章中看到“margin：0”并尝试过，但没有奏效。

<div data-role="rangeslider">
    <label for="range-1a" class="ui-hidden-accessible">Rangeslider:</label>
    <input type="range" name="range-1a" id="range-1a" min="-10" max="50" value="-10" step="10">
    <label for="range-1b" class="ui-hidden-accessible">Rangeslider:</label>
    <input type="range" name="range-1b" id="range-1b" min="-10" max="50" value="50" step="10">
</div>

Answer 1

我用这个折叠了输入。

$(".ui-slider-input").wrap($('<div />').css({
  position: 'relative',
  display: 'inline-block',
  height: '0px',
  width: '0px',
  margin: '0px',
  overflow: 'hidden'
}));