html - 如何隐藏 <i class ="abc">content</i> 的内容(字体很棒)

标签 html css tags hide

<分区>

我想隐藏搜索

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

使用 CSS。在我们使用 Material 图标之前

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

它被隐藏了(mode_edit)

我已经尝试环顾四周,但无法找到仅使用 css 的出路。

最佳答案

您可以从标签中删除“搜索”。 所以它看起来像这样:

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

如果您想为屏幕阅读器保留文本,您可以这样做:

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

css 文件应该有:

.hidden{display:none;}

关于html - 如何隐藏 <i class ="abc">content</i> 的内容(字体很棒),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57408500/

上一篇:html - 如何在整个站点范围内右对齐特定表格列?

下一篇:javascript - 我可以使用 Javascript 添加/删除 li 的类吗?

相关文章:

javascript - 我无法调整固定位置

html - 媒体查询在两个不同页面上的页脚有两个不同的结果,即使代码相同?

linux - 如何在类似 OS 的 Solaris/Unix 中查找正常运行时间、最近一小时的平均负载

javascript - 提交时显示 div

html - CSS 自动换行?

html - 单击链接时跳转到下一个 DIV 显示和隐藏

java - 渲染我自己的 &lt;script&gt; 标签而不是 JSF 提供的标签

wordpress - Woocommerce:更改 "# in stock"文本

javascript - Chrome HTML5 <video> 请求 - 未发送 cookie

jquery - 停止滚动导航连续触发