Question

我有一个问题，我似乎无法在这里找到答案或自己解决。默认情况下，文本框似乎有。实际文本框上下10px。我已经尝试将边距和填充设置为0，但没有剩余空间。

我希望该文本框正好位于其下方的元素上，使用margin移动它会导致它将低于它的div推到较低的位置，因此它并没有真正帮助。知道如何摆脱那个空白吗？

标记：

<div class="span-8 last">
  <label for="VoicenoteSearch"></label>
  <input name="data[Voicenote][search]" type="text" class="input-text long" style="margin-top:10px;margin-left:-10px" placeholder="Search" id="VoicenoteSearch">
</div>

相关CSS：

label {
  display: block;
}

input.input-text {
    border-color: #b9b9b9;
    border-width: 2px;
    position: relative;
    z-index: 2;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 8px;
    padding: 5px;
}

.input-text.long {
  width: 320px;
}

JSFiddle：http://jsfiddle.net/pyQ5T/

即使我删除了所有CSS那些空格，默认情况下它似乎是文本框的一部分

Answer 1

尝试添加这些CSS属性：

padding:0px;
margin:0px;
float: left;

删除HTML文本框上下的默认空格

1 个答案: