在选择选项中更改超棒的文本字体

时间:2018-10-02 19:46:51

标签: html css font-awesome

我想在选择框中更改选项的文本字体。问题是我还想在某些选项之前显示图标。如果更改字体样式,则不会显示字体超赞的图标,并且我认为无法对选项本身(仅对整个选择框)进行样式设置。

这是我的一些代码:

  <div class="form-group">
    {{ Form::label('qualifications', 'Qualifications') }}<br>
    <select size="5" class="fa form-control" id="selectedqualification">
      <!-- displays an fa-warning icon after every qualification that's expiring -->
      @foreach ($employee_qualifications as $key => $qualification)
        @if($expiringQualifications->contains($qualification))
          <option value="{{$key}}">{{$qualification}} &#xf071;</option>
        @else
          <option value="{{$key}}">{{$qualification}}</option>
        @endif
      @endforeach
    </select>
    <button
       type="button"
       class="btn btn-default pull-right"
       data-toggle="modal"
       data-target="#qualificationModal"
       data-qualifications="{{ $qualifications }}"
       data-qualification_names="{{ $qualification_names }}">
       Add
    </button>
    <button type="button" id="removequali" class="btn btn-danger pull-right">Remove</button>
    <br>
    <br>
  </div>

0 个答案:

没有答案