删除 HTML 文本框上方和下方的默认空白

Question

我有一个问题，我似乎无法在这里找到答案或自己解决。默认情况下，文本框似乎有大约。实际文本框上下各 10 像素。我尝试将边距和填充设置为 0，但没有保留任何空间。

我希望该文本框位于其下方元素的正上方，使用边距移动它会导致其将下方的 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;