Bootstrap：选择下面的标签截断文本答案

【问题标题】：Bootstrap: Select Tag Cutting off texts belowBootstrap：选择下面的标签截断文本
【发布时间】：2019-05-08 14:41:37
【问题描述】：

我有一个奇怪的样式问题，选择标签内的选定选项文本本身隐藏了一半。我正在使用 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 中添加以下 sn-p

select.form-control {
    padding: 0;
}

感谢所有帮助...

【问题讨论】：

请添加一个sn-p或者你能分享一下在浏览器中使用inspect元素是否有任何边距占用空间。
尝试增加选择元素的高度。
是的，sn-p 将有助于复制问题 select 只需引导程序即可正常工作：jsfiddle.net/7nwstrva/5
@AnshulRiyal 你是对的。看起来表单控件在 css 中有额外的填充
@phonemyatt 很高兴为您提供帮助。快乐编码:)

标签： html css bootstrap-4 angular7

【解决方案1】：

我认为选择框填充有问题

【讨论】：

这不是答案，而是评论