javascript - 使用 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 用于屏幕阅读器。不要删除它。

您可以添加自定义 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 类的更多详细信息