下面是下拉列表的预览
然后,当我单击下拉菜单滚动项目时
我想是因为下拉列表中的项目太多了吧?
<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正确显示我的项目,请?
2条答案
按热度按时间qybjjes11#
将大小放入〈选择...
如果没有工作,只是让我知道。请马上投票:)
qoefvg9y2#
您可以使用CSS设置选择字段的最大高度:
或者创建一个类并使用它,而不是使用选择全局选择器,但使用全局选择器将只处理所有您的选择字段,这是很好的,所以,你决定!