回收rangelider空间并使其更宽

Question

我正试图摆脱rangelider之上的空间。我认为隐藏标签是我需要做的，但这只是空白。我该如何摆脱这个空间呢？

我在另一篇文章中看到“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'
}));