右下边框

Question

我有一个离子项目描述：

<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; 
} 

的问题是，这使我的离子项目一个奇怪的右下边框，你可以看看：

我发现BORD按钮类作为ER属性：

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-row { 
    align-items: center; 
    text-align: center; 
} 

Answer 1

找到了答案，这要感谢Bellians先生的评论。我去了，又看了一眼。

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

正如您可以看到它有一个边框底部。我在我的scss文件中忽略了它，现在看起来很好。

Answer 2

删除底线的最佳方法是将no-lines属性添加到ion-item。无需添加任何css样式。