HTML / CSS：隐藏文本和显示边框

Question

如何只显示div的边框，而不显示使用CSS的文本？

Answer 1

IE不支持，但您可以使用：

#mydiv { color:rgba(0,0,0,0); border:1px solid #000 }

这使文本颜色完全透明，但使边框可见。

Answer 2

一个简单的跨浏览器解决方案是Phark“文本缩进”方法。它通常用于替换图像。

div.example {
   border: 2px solid red;
   /* Hide text inside "off left" */
   text-indent: -10000px;
   /* Make sure to set a width and height */
   height: 100px;
   width: 100px;
}

优点：

• 不需要任何额外元素
• 适用于屏幕阅读器

缺点：

• 在IE5中不起作用

Answer 3

您可以使文本与div的背景颜色相同。或者将文本嵌套在另一个div中。