css - IONIC Framework - 表单布局

Question

我正在学习如何使用 Ionic Framework .我很喜欢它。但是，我不关心表单布局。我真的很想包括一个附加组件:一些帮助文本。换句话说，我想创建一个如下所示的表单:

Label1
[TextBox with a border here]
a tidbit goes here

Label2
[TextBox with a border here]
a tidbit goes here.

[Button]

但是，我不知道如何在 Ionic Framework 中做到这一点。所有的表单布局都使用一个列表，它为每个部分添加了边界，这是我不想要的。 CSS 向导可以帮助我吗？

谢谢!

Answer 1

How does this work?给你？

       <label class="item item-input item-stacked-label item-divider">
          Name

        <input type="text" placeholder="Name">
          </label>

        <div class="item item-footer">
          Please enter your name
        </div>

要按照你想要的方式获得CSS，你可以添加这个

.item{
  border: none;
}
.item-footer {
  font-size:11px ;
  padding: 8px ;
}

.item-stacked-label input, .item-stacked-label textarea{
  padding:0 ;
}