无法在多个选择下拉列表中显示复选框

Question

我有一个选择下拉列表，带有多选复选框选项

初始视图

选择值

值的选择工作正常，但在第一张图片中，复选框不可见

我使用了bootstrap select multiple select box功能。

代码：

<select class="form-control fruits selectpicker" multiple  id="fruits" name="fruits" title="fruits">
    <option value="">apple </option>
    <option value="banana">banana</option>
    <option value="orange">orange</option>
    <option value="grapes">grapes</option>
  </select>

我想在第一张图片中显示复选框，任何人都可以告诉我如何显示它

Answer 1

我在选择选择器上遇到了同样的问题。

这是一个解决方案：

<script src="https://kit.fontawesome.com/yourcode.js"></script>

....
.dropdown-item:not(.selected) span.check-mark::before {
    content: "\f0c8" !important;
    border:0;
    transform: rotate(0);
}
.bootstrap-select.show-tick .dropdown-item:not(.selected) span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    top: 5px;
}



....
$('#selector').selectpicker({iconBase: 'fontawesome',tickIcon: 'far fa-check-square'});