刪除HTML文本框之上和之下的默認空格

我有一個問題，我似乎無法找到答案或自己解決它。文本框似乎默認有aprox。 10px超出和低於實際文本框here你可以看到我在說什麼。我已經嘗試將邊距和填充設置爲0，但沒有空間。刪除HTML文本框之上和之下的默認空格

我希望該文本框正好位於它下面的元素上方，使用邊距來移動它會導致它將下面的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這些空間都是存在的，現在看來，這將是文本框的一部分默認

來源

2011-10-05 8vius

你在說哪個文本框？ –

請將您問題的jsfiddle（.net）放在一起，或在此處顯示您的代碼。 –

它不應該很難定位元素，但我們真的需要比圖像更多的信息。發佈你的一些標記和CSS。 – deviousdodo

嘗試添加這些CSS屬性：

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

來源

2011-10-05 17:25:56

刪除HTML文本框之上和之下的默認空格

回答

相關問題