Por defecto, en una
Podemos quitarlas de toda la lista con el atributo lines=»none».
Poniéndolo el elemento
<ion-list lines="none"> <ion-item> <ion-label>Pokémon Yellow</ion-label> </ion-item> <ion-item> <ion-label>Mega Man X</ion-label> </ion-item> <ion-item> <ion-label>The Legend of Zelda</ion-label> </ion-item> <ion-item> <ion-label>Pac-Man</ion-label> </ion-item> <ion-item> <ion-label>Super Mario World</ion-label> </ion-item> </ion-list>
Ejemplo:
Si queremos quitar de cierto elemento:
<ion-list> <ion-item> <ion-label>Pokémon Yellow</ion-label> </ion-item> <ion-item> <ion-label>Mega Man X</ion-label> </ion-item> <ion-item lines="none"> <ion-label>The Legend of Zelda</ion-label> </ion-item> <ion-item> <ion-label>Pac-Man</ion-label> </ion-item> <ion-item> <ion-label>Super Mario World</ion-label> </ion-item> </ion-list>
Ejemplo:
Si queremos hacerlo con CSS, tendremos que sobreescribir la propiedad custom de la propiedad ion-item: –border-style
ion-item{ --border-style: none; }