Bootstrap：選擇標簽切斷下面的文本

Question

我有一個奇怪的樣式問題，其中select標簽內的選定選項文本本身隱藏了一半。 我正在使用bootstrap 4和“luxbootstrap.min.css”樣式。 下面是我的HTML代碼

<div class="container">
  <h1 class="text-center">My Racks</h1>>
  <div class="form-group">
    <select class="form-control" id="rack" [(ngModel)]="rack">
      <option [value]="rack" *ngFor="let rack of racks">{{rack}}</option>
    </select>
  </div>
</div>

看起來這個luxbootstrap主題在表單控件中有額外的填充。

解決方案：我在style.css中添加以下代碼段

select.form-control {
    padding: 0;
}

所有幫助贊賞...

Answer 1

我認為選擇框填充存在問題