隱藏在IE7提交按鈕與CSS

Question

我有一個像這樣的標記提交按鈕：

<li class="button"><div class="button"> 
<input type="submit" name="sign_in" id="sign_in" value="Prihlásiť" class="input-submit" /></div></li> 

我想隱藏它，所以它是不可見的。

我這樣做：

.button, input.input-submit { 
    height: 0; 
    line-height: 0; 
    border: 0; 
} 

而在Firefox和IE8的作品。但在IE7中，按鈕所佔空間仍然不明顯（因此存在20像素的空白）。

怎麼辦？

Answer 1

我不知道，如果你使用重置樣式表，所以你可以使用：

.button, input.input-submit { 
    height: 0; 
    border: none; 
    width: 0; 
    padding: 0; 
    margin: 0; 
} 

如果doesn't做到這一點，這可能是因爲它是一個內聯元素，讓您嘗試添加：

display: inline-block; 

More about inline-block

編輯：在事後，在我看來，你只需要隱藏李，李裏面的所有內容將被自動隱藏的很好，但你可能不得不給李一：

overflow: hidden; 

Answer 2

.button, input.input-submit { 
    display:none; 
}