Html 引导选择仍显示未设置样式的选择

使用以下示例

<select>
  <option>Mustard</option>
  <option>Ketchup</option>
  <option>Barbecue</option>
</select>
<script>
  $('select').selectpicker();
</script>

芥末
番茄酱
烧烤
$（'select'）.selectpicker（）；

导致

<div class="dropdown bootstrap-select"><select class="" tabindex="-98">
  <option>Mustard</option>
  <option>Ketchup</option>
  <option>Barbecue</option>
</select><button type="button" class="btn dropdown-toggle btn-light" data-toggle="dropdown" role="combobox" aria-owns="bs-select-3" aria-haspopup="listbox" aria-expanded="false" title="Mustard"><div class="filter-option"><div class="filter-option-inner"><div class="filter-option-inner-inner">Mustard</div></div> </div></button><div class="dropdown-menu "><div class="inner show" role="listbox" id="bs-select-3" tabindex="-1"><ul class="dropdown-menu inner show" role="presentation"></ul></div></div></div>

芥末
番茄酱
烧烤
芥末

单击select元素时，除了箭头仍然能够选择其他索引外，似乎什么也没有发生

选择引导选择按钮会导致打开一个空下拉列表

该应用程序运行在ASP.Net Core上，具有Bootstrap v4.3.1、jQuery v3.5.1和Bootstrap select 1.13.18

但是尝试Bootstrap5.0.0-beta2和jQuery3.6.0没有任何区别。

---

此外，将引导选择降级到1.11.1也没有显著差异。

您可能不会引用css链接。您可以参考以下示例

<select>
  <option>Mustard</option>
  <option>Ketchup</option>
  <option>Barbecue</option>
</select>
@section Scripts{
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/css/bootstrap-select.min.css">
  <script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/js/bootstrap-select.min.js"></script>

  <script>
    $('select').selectpicker();
  </script>
}

芥末
番茄酱
烧烤
@节脚本{
$（'select'）.selectpicker（）；
}