使用 Font Awesome 禁用 sr-only span 元素

Question

Font Awesome 正在添加一个隐藏的 span 元素，其中包含图标的名称。

示例：

<span class="sr-only">Camera</span>

如何告诉 Font Awesome 不渲染此元素（禁用此功能）。我用的是官方Font Awesome script.

Answer 1

如果你想设置替代文字，那么你可以使用aria-hidden="true"属性。

sr-only 用于屏幕 reader 目的。不要删除它。

您可以为 change/disable 添加自定义 CSS sr-only 属性.

这是一个例子

.sr-only {
   position: absolute;
   width: 1px;
   height: 1px;
   padding: 0;
   margin: -1px;
   overflow: hidden;
   clip: rect(0,0,0,0);
   border: none;
}

您可以从 Here

获得有关 Font Awesome sr-only class 的更多详细信息

使用 Font Awesome 禁用 sr-only span 元素

Disable sr-only span element using Font Awesome

javascript

font-awesome