html - 从所有浏览器的 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 以及其他样式(如果需要)。