Remove bottom border from <ion-item> in Ionic 6

Ionic Framework Ionic Angular
1 
<ion-item lines="none" class="NewAccount-input">
     <ion-input #nameuser class="ContactForm-input" type="text" placeholder="Nombre de Usuario *" formControlName="nombreusuario"></ion-input>
</ion-item>
2

Your code should work. You also can use CSS to archive this:

ion-item.no-border {
  --border-width: 0;
}

<ion-item class="no-border"></ion-item>

1 Like
3

Does not work for me. Seems this property does not exist in V6.
https://ionicframework.com/docs/v6/api/input#css-custom-properties-1

This worked for me:
<ion-item lines="none">