使用CSS隐藏IE7中的提交按钮

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中，按钮仍然占据了一个空间，即使它不可见（因此有20px的间隙）。

怎么办？

Answer 1

我不知道你是否使用了重置样式表，所以你可以使用：

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

如果没有这样做，可能是因为它是一个内联元素，所以你试着添加：

display: inline-block;

More about inline-block

修改：作为事后的想法，在我看来，你只需隐藏 li ，li里面的所有内容也会自动隐藏但你可能有给李一个：

overflow: hidden;

Answer 2

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