用字体真棒图标替换提交按钮

Question

我想知道如何用字体真棒图标替换提交按钮,我已经自己尝试了,图标不会显示在按钮上.这是我到目前为止所做的:

<form action="{{route('destroycourse', $course->id)}}" method="POST">
   <input type="hidden" name="_method" value="DELETE">
   <input type="hidden" name="_token" value="{{ csrf_token() }}" />
   <li><a class="tooltips" data-toggle="tooltip" data-placement="top" title="Delete">
          <button type="submit" onclick="return confirm('Are you sure to delete this course ?');" style="border: 0; background: none;">
            <i class="fa fa-delete"></i>
          </button>
       </a>
   </li>
</form>

按钮工作正常只有图标<i class="fa fa-delete"></i>不会显示,它只是显示一个空白按钮.谢谢您的帮助!

Answer 1

我找不到fa-delete.我曾经用来fa-trash显示垃圾图标.您只需要在代码中包含font-awesome css并更正类名.

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>


<form action="{{route('destroycourse', $course->id)}}" method="POST">
   <input type="hidden" name="_method" value="DELETE">
   <input type="hidden" name="_token" value="{{ csrf_token() }}" />
   <li><a class="tooltips" data-toggle="tooltip" data-placement="top" title="Delete">
          <button type="submit" onclick="return confirm('Are you sure to delete this course ?');" style="border: 0; background: none;">
            <i class="fa fa-trash-o" aria-hidden="true"></i>
          </button>

       </a>
   </li>
</form>