Html ion项的右下边框

我有一个离子项目描述为：

  <ion-row>
  <ion-item class = "Checkbox">
<ion-label>Remember my choice</ion-label>
<ion-checkbox [(ngModel)]="remember"></ion-checkbox>
  </ion-item>
  </ion-row>

.Checkbox {
   color: white;
   background:#c34545;
}

问题是，这给了我的ion项目一个奇怪的右下边框，您可以查看：

我在button类上找到border属性，如下所示：

button {
border: 0;
border-top-color: initial;
border-top-style: initial;
border-top-width: 0px;
border-right-color: initial;
border-right-style: initial;
border-right-width: 0px;
border-bottom-color: initial;
border-bottom-style: initial;
border-bottom-width: 0px;
border-left-color: initial;
border-left-style: initial;
border-left-width: 0px;
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;

但禁用它给了我这样的信息：

这真让我毛骨悚然。scss文件中唯一其他可能的冲突是我定义的ion行：

ion-row {
   align-items: center;
   text-align: center;
}

---

多亏了贝利安先生的评论，我找到了答案。我又去看了一眼

.item-md.item-block .item-inner {
padding-right: 8px;
border-bottom: 1px solid #dedede;
  }

---

正如你所见，它有一个底部边框。我在我的scss文件中覆盖了它，现在看起来很好。

删除底线的最佳方法是将

无行

属性添加到

离子项

。无需添加任何

css

样式。

向离子项标记传递一个名为line的参数，该参数的值为none

<ion-item lines="none">

请澄清您想要的到底是什么？似乎

离子标签

有一个border bottom属性。@Santhoshkumar要删除离子4第一张图片中的底部边框，对离子5使用lines=“none”是不够的。。。必须在项上添加css覆盖：

：最后一个子项{--内边框宽度：0；}