隐藏在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; 
}