html - 如何设置选项的高度？

Question

我有一个选项列表，但框比需要的大。如何调整位置/高度以匹配旧布局？

当前实现：

代码：

<div>
 <div class="row">
 <div class="col-md-2">Match Type</div>
 <div class="col-md-4">
  <div>
    <select class="form-control" [(ngModel)]="singleRecordMatchBean.matchType">
      <option value="undefined" [disabled]="true" >---Select---</option>
      <option *ngFor="let object of defaultOptions.MATCHES" [ngValue]="object.code" 
      >{{object.desc}}</option> 
    </select>
  </div>
</div>
<div class="col-md-2" style="color: red; font-size: 0.93em;white-space: pre-wrap;">*Required</div>

期望的结果：

提前致谢！

标签： htmlcssangular

Answer 1

option在 CSS 中按高度和宽度设计元素。

option{
      height: 10px;
      Width: 250px;
}