输入=范围删除文本字段答案

【问题标题】：input=range remove textfield输入=范围删除文本字段
【发布时间】：2014-03-12 09:48:27
【问题描述】：

我的输入范围的 HTML 代码如下所示：

<input class="sliderNoTextbox" id="ti_monatlich" type="range" name="ti_monatlich" data-theme="d">

看起来像这样：

基于this answer我添加了以下css：

.sliderNoTextbox.ui-slider-input {
    display : none !important;
}

现在看起来像这样：

以前是文本框，现在是空白区域。我只是不知道如何摆脱那个空间..有人可以帮我吗？

空格仅出现在 Android 设备上

更新

我创建了一个完全空白的页面，只有滑块，仍然出现空白区域。它似乎不依赖于任何其他元素：

<body>
    <input class="sliderNoTextbox" id="ti_monatlich" type="range" name="ti_monatlich" data-theme="d">
</body>

在 jQuery 1.8.3 中使用 jQM 1.3.2

【问题讨论】：

你能提供一个jsfiddle吗？
这个空间来自其他地方。使用开发工具检查。目前无法为您提供更多帮助。
因为滑块可能是一个 ':after' 元素。您将不得不使用负边距来消除空白。虽然就像@anurupr 说的那样，jsfiddle 会很好。
.ui-slider-input 没有.sliderNoTextbox。
我创建了一个 jsFiddle，但它适用于浏览器.. 所以，它可以工作。

标签： javascript android jquery html jquery-mobile

【解决方案1】：

Try this:

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
<style>.ui-slider-input {
    display : none !important;
}
</style>
<div data-role="page">
    <div data-role="content">
        <label for="slider" class="ui-hidden-accessible">Input slider:</label>
        <input type="range" name="slider" id="@(Model.QuestionNo)_slider" value="25" min="0" max="100" />
    </div>
</div>

参考链接：http://jsfiddle.net/EWQ6n/2/

【讨论】：

还有一个空格:(