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

【问题标题】：Disable sr-only span element using Font Awesome使用 Font Awesome 禁用 sr-only span 元素
【发布时间】：2016-10-04 08:09:03
【问题描述】：

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

例子：

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

我怎样才能告诉 Font Awesome 不要渲染这个元素（禁用这个功能）。我用的是官方的Font Awesome script。

【问题讨论】：

标签： javascript font-awesome

【解决方案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 类的详细信息

【讨论】：