使用 CSS 在 IE7 中隐藏提交按钮答案

【问题标题】：Hide a submit button in IE7 with CSS使用 CSS 在 IE7 中隐藏提交按钮
【发布时间】：2009-10-09 14:26:56
【问题描述】：

我有一个带有如下标记的提交按钮：

<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 像素的间隙）。

怎么办？

【问题讨论】：

【解决方案1】：

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

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

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

display: inline-block;

编辑：事后，在我看来你只需要隐藏 li，li 内的所有内容也会自动隐藏，但你可能有给李一个：

overflow: hidden;

【讨论】：

【解决方案2】：

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

【讨论】：

首先这有同样的问题（在IE7中不能正常工作）。 2) 我不想使用 display: none 因为屏幕阅读器。
不寻常的是它在 IE 中不起作用 - 应该这样做......如何将它定位在页面之外：.button, input.input-submit { position:relative;左：-2000px； }