使用Font Awesome禁用仅限sr的span元素

时间:2016-10-04 08:09:04

标签: javascript font-awesome

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

示例:

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

如何告诉Font Awesome不要渲染此元素(禁用此功能)。我使用的是官方Font Awesome script

1 个答案:

答案 0 :(得分:3)

如果您想设置替代文字,那么您可以使用 aria-hidden =&#34; true&#34; 属性。

sr-only 用于屏幕阅读器目的。不要删除它。

您可以添加自定义CSS以更改/禁用仅限sr 属性。

以下是一个示例

.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 课程的更多详细信息