Usuń znacznik jonowy z początku i końca ramki jonowej 2

Question

Po prostu chcesz usunąć krawędź początkową i końcową. Jestem bardzo nowym językiem programowania. Używam poniżej kodu do wyświetlania listy.

Muszę usunąć zaznaczone czerwone linie okręgów koła na poniższych zrzutów ekranu. Jak zrobić?

Answer 1

Jednym ze sposobów byłoby dodać nie-linie w elemencie ion-list tak:

<ion-list no-lines>...</ion-list> 

ale usunie linie pozycji też. Tak, aby usunąć tylko tę linię na dole można dodać tę regułę styl:

.md ion-list > .item:last-child, 
.md ion-list > .item-wrapper:last-child .item, 
.wp ion-list > .item:last-child, 
.wp ion-list > .item-wrapper:last-child .item, 
.ios ion-list > .item:last-child, 
.ios ion-list > .item-wrapper:last-child .item { 
    border-bottom: none; 
} 

Answer 2

rozwiązanie, które pracowały dla mnie było

.list-ios>.item-block:first-child { 
    border-top: none; 
} 
.list-ios>.item-block:last-child { 
    border-bottom: none; 
} 

AKTUALIZACJE jeśli chcesz mieć pełny rozciągnij do przodu, aby usunąć linie w elemencie jonowym, po prostu dodaj atrybut no-line do elementu listy jonowej.

<ion-list no-lines> 
..... 
</ion-list>