javascript - 字体图标fa fa-eye fa-lg没有反射(reflect)或显示在页面上

<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>

最佳答案

您需要导入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>

关于javascript - 字体图标fa fa-eye fa-lg没有反射(reflect)或显示在页面上，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/48163601/