html - 未显示所选选项（角度，html）

Question

我有以下角度模板形式：

<label for="operationType" class="form-control">Operation</label>
            <select name="operationType" [(ngModel)]="operationType" (change)="setOperationType()">
                <option *ngFor="let operation of operationsList" value={{operation.value}} >{{operation.name}}</option>
            </select>

问题是所选选项未显示在我的页面上。

我尝试不同的浏览器，所选选项显示在 safari 中，但不在 chrome et firefox 中。不知道是不是浏览器的问题。

你能帮我吗？

Answer 1

问题是我的CSS：

select {
    width: 100%;
    height : 20px;
    padding: 12px 20px;
    margin-bottom: 50px;;
    margin: 8px 0px;
    border: 1px solid #ccc;
    border-radius: 4px;

  }

填充太高，所以我看不到文字。