离子堆叠输入-在文本字段下方显示标签 [英] Ionic Stacked input - Show label below text field

问题描述

我正在使用以下代码显示Ionic版本2中的堆栈.

I am using the below code to show a stacked in Ionic version 2.

<ion-item>
    <ion-label color="primary" stacked>Joy to the world</ion-label>
    <ion-input value="C         G"></ion-input>
</ion-item>

默认情况下，文本字段上方显示的标签. 但是我想在文本字段下方显示标签.

By default the label displayed above the text field. But I want to show the label below the text field.

是否可以在文本字段下方显示标签.

感谢您的帮助.

推荐答案

如何覆盖这些sass变量:

How about overwriting these sass variables:

.item-label-stacked .input-wrapper,
.input-wrapper {
    flex-direction: column-reverse;
}
.label-md[stacked] {
    margin-top: 0;
}

这篇关于离子堆叠输入-在文本字段下方显示标签的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！