CSS返回的更新图标

Question

在我正在处理的应用程序中，我们可以为图示结果添加以下标记

      <span class="cell-inner-undefined">
        <span title='Not defined' class="status pl-undefined" ></span>
      </span>

在相关的CSS中，我们有以下内容：

.pl-undefined:before {
    content: "";
    color:#969696;
}

分配给内容的项目看起来像unicode。而不是我希望得到以下结果：

<span class="fa-stack fa-5x">
      <i class="fa fa-info-circle fa-stack-1x" style="color:blue" ></i>
      <i class="fa fa-ban fa-stack-1x" style="color:red"></i>
</span>

如何让“pl-undefined”类返回上面生成的FA图标？

p.s：在我的页面中添加fa span会显示所需的图标，但我需要使用该类显示它。

Answer 1

我没有找到任何其他方法来实现这一点，除了添加一个javascript，它会找到<span class="cell-inner-undefined">并将其替换为fa CSS