如何隐藏<i class =“ abc”>内容</i>的内容（真棒字体）

Question

我要从

隐藏搜索

<i class="far fa-search">search</i>

使用CSS。在使用材质图标之前

<i class="material-icons">mode_edit</i>*

，它在那里被隐藏（ mode_edit ）

我已经尝试过环顾四周，但只使用CSS无法找到出路。

Answer 1

您可以从标签内部删除“搜索”。 因此它将如下所示：

<i class="far fa-search"></i>

如果您想保留屏幕阅读器的文字，可以执行以下操作：

<i class="far fa-search"><span class="hidden">Search</span></i>

css文件应具有：

.hidden{display:none;}