css - 更新 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

除了添加一个可以找到 <span class="cell-inner-undefined"> 的 javascript 之外，我没有找到任何其他方法来实现这一目标。并将其替换为 fa CSS