下面是下拉列表的预览

然后，当我单击下拉菜单滚动项目时

我想是因为下拉列表中的项目太多了吧？

<div class="row row-cols-3 pt-3">
   <div class="col text-end">
      <!-- Marché -->
      <label for="filterForMarkets" class="form-label">Marché</label>
   </div>
   <div class="col-4">
      <select id="filterForMarkets" name="filterForMarkets" style="min-width: 440px" class="form-select" [(ngModel)]="search.market">
      <option value="">
         Tous les marchés 
      </option>
      <option *ngFor="let m of markets$ | async" [value]="m.marketId">
      {{ m.name }}
      </option>
      </select>
   </div>
</div>

例如，如果我只显示3个项目，则没有问题。

<div class="row row-cols-3 pt-3">
   <div class="col text-end">
      <!-- Marché -->
      <label for="filterForMarkets" class="form-label">Marché</label>
   </div>
   <div class="col-4">
      <select id="filterForMarkets" name="filterForMarkets" style="min-width: 440px" class="form-select" [(ngModel)]="search.market">
      <option value="">
         Tous les marchés 
      </option>
      <option value="1">One</option>
      <option value="2">Two</option>
      <option value="3">Three</option>
      </select>
   </div>
</div>

不幸的是，我需要我的循环，有没有办法在css正确显示我的项目，请？