删除 HTML 文本框上方和下方的默认空格答案

【问题标题】：Removing default whitespace over and below a HTML textbox删除 HTML 文本框上方和下方的默认空格
【发布时间】：2019-05-24 23:54:55
【问题描述】：

我有一个问题，我似乎无法在这里找到答案或自己解决它。默认情况下，文本框似乎有大约。实际文本框上方和下方 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，默认情况下它似乎也是文本框的一部分

【问题讨论】：

你在说哪个文本框？
请将您的问题的 jsfiddle(.net) 放在一起或在此处显示您的代码。
定位元素应该不难，但我们确实需要比图像更多的信息。发布您的一些标记和 css。
文本框显示在我的链接yfrog.com/odsnzp
你能修复图像吗？

标签： html textbox padding

【解决方案1】：

尝试添加这些 CSS 属性：

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

【讨论】：