在 Ionic 2 上自定义离子选择

Question

此时离子组合框在中间离子标签的前面。

我想将文本放在顶部并在下面放置组合框选择：

这在 ionic 2 上可行吗？

编辑：

HTML 代码遵循 Ionic API 文档：

<ion-item>
  <ion-label>Align on Top</ion-label>
  <ion-select [(ngModel)]="align">
    <ion-option value="t">top</ion-option>
    <ion-option value="m">middle</ion-option>
  </ion-select>
</ion-item>

Answer 1

您可以在 .SCSS 页面中添加它并根据需要调整值

.select-md .select-icon,.select-ios.select-icon {
    position: absolute;
    width: 12px;
    height: 19px;
    left: 15px;
    top: 26px;
}

并将标签更改为堆叠

<ion-label stacked>Align on Top</ion-label>