FontAwesome 图标在 iPad 上显示为白色，而不是像其他平台上那样显示为黑色，使它们几乎不可见

Question

我在网络应用程序中使用 FontAwesome 图标。该应用程序不是网站，而是安装在用户计算机上，并通过网络浏览器访问 UI。 FontAwesome css 表作为应用程序的一部分在本地安装。

一切似乎都很顺利

例如

图标的Html代码如下

    <button value="Rename Files" name="renamefiles" title="Rename Files" type="submit" form="form_id" data-toggle="tooltip" data-placement="bottom" style="background:transparent" class="btn">
        <i class="fa-light fa-folders fa-2xl">
        </i>
    </button>

但是，尽管它在 PC 和基于 Android 的手机上运行良好 在我的 iPad 上，图标是白色而不是黑色，并且几乎不可见 我用 Safari 和 Firefox 进行了测试，它们都有同样的问题。

可能是什么问题？

Answer 1

要确保图标始终为黑色，请将

style="color: black;"

属性添加到

<i>

标签（图标）。

<button value="Rename Files" name="renamefiles" title="Rename Files" type="submit" form="form_id" data-toggle="tooltip" data-placement="bottom" style="background:transparent" class="btn">
    <i class="fa-light fa-folders fa-2xl" style="color: black;">
    </i>
</button>