Question

我有一个奇怪的问题：尽管视图上的所有其他图标都起作用，但我的FontAwesome图标之一没有出现。我不知道为什么。

<a class="add-img fa fa-plus-circle" title="@SharedResources.Index.Add" data-bind="click: mainDataAdd"></a>

我已经检查过图标的正确命名
尝试了另一个图标类，没有用

无论我在链接中放置哪个图标，它都不会显示。

<tr class="actions-row" role="row">
                        <td class="header-action-row" style="border:none;" colspan="12">
                            <h6 class='datatable-title'><span class='fa fa-list'></span>&nbsp; @SharedResources.Index.SocialWorkerLog</h6>
                            <div class="action-images pull-right">
                                @{
                                    Dictionary<string, string> reports = ReportManager.GetReportList(ReportLocations.ResidentActiviesAllMainGrid_Top.ToString());
                                    if (reports.Count() == 1)
                                    {
                                        <a class="fa fa-print" title="@SharedResources.Index.Print" data-bind="click: function(){printreportSocial('@reports.First().Key',$data);}" style="color:#337ab7; cursor: pointer;"></a>
                                    }
                                }
                                <a class="add-img fa fa-plus-circle" title="@SharedResources.Index.Add" data-bind="click: mainDataAdd"></a>
                            </div>
                        </td>
                    </tr>

Answer 1

您的代码是固定的。在链接的Awesome CDN字体下方使用，并为锚标记赋予颜色

a{
  color:red;
}

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css" />


<a class="add-img fa fa-plus-circle" title="@SharedResources.Index.Add" data-bind="click: mainDataAdd"></a>

FontAwesome图标不可见，但可在另一个相同的视图上使用

1 个答案: