为“选择”下拉列表设置Flex basis时不起作用

有一个flex-direction:row的flex容器。这些单独的列中的每一个都是具有灵活方向的灵活容器:列。

在flex行中有一些表单输入,但是当我尝试给Location select一个初始flex基:250px时,它不起作用,它会垂直应用它。

但是,我找不到方法使它水平应用。

    <div class="row">
        <div class="column input-container location">
              <label for="location">Location</label>
              <select name="location">
                <option *ngFor="let location of locations" [value]="location.locationId">
                  {{location.locationName}}
                </option>
              </select>
            </div>
        </div>

//造型

.row {
        display: flex;
        flex-direction: row;
        // flex-wrap: wrap;
    }
    .column {
        display: flex;
        flex-direction: column;
    }

    .location select {
    flex-basis: 250px;
}

这是它在stackbliz中运行的链接, https://stackblitz.com/edit/angular-vr4cya