从所有浏览器上的HTML按钮中删除文本？

Question

我们有使用背景图片的多种尺寸和颜色的按钮。背景图像本身上有一个标签，但是为了可用性/可访问性，我们需要将按钮的文本保留在HTML中。如何使文字在所有浏览器中消失？

我刚刚使用过现代浏览器，很容易-

color: transparent;

我无法遵守的是Internet Explorer 7。我已经尝试过这些CSS属性，但是它们中的任何一个都不能在不破坏网站布局的情况下完全删除文本。

font-size: 0px;
line-height: 0;
text-indent: -1000em; 
display: block;
padding-left: 1000px;

非常感谢您的帮助。

Answer 1

就我个人而言，我倾向于使用全 CSS 方法：

{ display: block;
text-indent: -9999em;
text-transform: uppercase; }

无论出于何种原因，text-transform: uppercase;IE7 都可以解决问题。当然，您可能会拥有自己的 CSS 以及用于附加样式的 CSS（如果需要）。

Answer 2

如何使文本在所有浏览器中消失？

我想您希望在加载图像时替代文本消失。

为此，你可以使用这个：

<INPUT TYPE="image" SRC="images/yourButtongif" HEIGHT="30" WIDTH="100" ALT="Text In Case There Is No Image" />

如果需要，您可以应用其他样式，但这个最低限度就可以满足您的需求。