右下邊框

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樣式。