离子列表最后一个子边框样式行为

Question

使用以下标记：

<ion-list>
  <ion-item>
    <ion-label></ion-label>
    <ion-input></ion-input>
  </ion-item>
  <ion-item>
    <ion-label></ion-label>
    <ion-input></ion-input>
  </ion-item>
</ion-list>

它为边框添加了奇怪的:last-child样式，甚至可以在documentation中找到：

请注意密码的边框不像用户名字段那样对齐。这种行为有原因吗？是否有办法[轻松]改变它，而不必经历大量的风格，即像这样的选择器：

.item-input.ng-invalid.ng-touched:not(.input-has-focus):not(.item-input-has-focus):last-child

Answer 1

我不确定这是他们有意或无意地做过的事情，但为了快速解决这个问题，我有一张优秀的机票，我做了以下

我在列表底部创建了一个新的离子项作为最后一项，然后只在其上设置display none。

这为我修复了边框问题，因为它随后应用于隐藏的最后一个离子项。

票证 - https://ionic.zendesk.com/hc/en-us/requests/5283