字体图标fa fa-eye fa-lg未反映或显示在页面上

时间:2018-01-09 07:53:36

标签: javascript css font-awesome



<ul class="dropdown-menu pull-right">
  <li style="display : {!IF(editShow == true, '', 'none')};">
    <a class="remove-table-row" href="javascript:void(0)" ng-click="removeLeadTime(leadTime.Id)">
      <i class="fa fa-eye fa-lg" aria-hidden="true"></i> View Delta
    </a>
  </li>
  <li style="display : {!IF(editShow == true, '', 'none')};">
    <a class="remove-table-row" href="javascript:void(0)" ng-click="removeLeadTime(leadTime.Id)">
      <i class="fa fa-trash-o fa-lg" aria-hidden="true"></i> View Full Comparison
    </a>
  </li>
</ul>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:1)

您需要导入font-awesome css库才能使其正常工作

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<ul class="dropdown-menu pull-right">
  <li style="display : {!IF(editShow == true, '', 'none')};">
    <a class="remove-table-row" href="javascript:void(0)" ng-click="removeLeadTime(leadTime.Id)">
      <i class="fa fa-eye fa-lg" aria-hidden="true"></i> View Delta
    </a>
  </li>
  <li style="display : {!IF(editShow == true, '', 'none')};">
    <a class="remove-table-row" href="javascript:void(0)" ng-click="removeLeadTime(leadTime.Id)">
      <i class="fa fa-trash-o fa-lg" aria-hidden="true"></i> View Full Comparison
    </a>
  </li>
</ul>

相关问题