html - Bootstrap:选择下面的标签截断文本
问题描述
我有一个奇怪的样式问题,其中选择标签内的选定选项文本本身隐藏了一半。我正在使用 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;
}
所有帮助表示赞赏...
解决方案
我认为选择框填充有问题
推荐阅读
- sql - 运行不带参数的 SQL 查询
- hadoop - 如何修复用于计算一列并按另一列分组的配置单元代码?
- javascript - 为什么我的单选按钮验证不起作用
- java - ViewModelProvider.Factory 在 Android 上使用 Dagger 和 Java 的片段上保持为空
- node.js - 使用 formData 的 Express 节点获取的无效 json 响应正文错误
- angular - 通过@Input 将数据传递给子节点与从服务或存储中检索
- python - 管道和子流程模块有什么区别?
- swift - 如何快速制作一个空对象
- c# - 单击按钮时的基本增量
- vba - 如何根据我输入的特定项目从表中返回多个值?