Ionic 4 - ion-input underline

#1

On my project Ionic 4 Angular 7 i’ve a setting page with this code:

<ion-content padding class="tab4-content">
  <ion-list>
    <ion-item>
      <ion-label>{{ 'VERSION' | translate }}:</ion-label>
      <ion-label class="aligned-right">{{ version }}</ion-label>
    </ion-item>
  </ion-list>
  <ion-list>
    <ion-item>
      <ion-label>{{ 'GPS' | translate }}</ion-label>
      <ion-toggle [disabled]="GPSshouldDisable" checked="false"></ion-toggle>
    </ion-item>
    <ion-item>
      <ion-label>{{ 'GPSE' | translate }}</ion-label>
      <ion-toggle [disabled]="GPSEshouldDisable" checked="false"></ion-toggle>
    </ion-item>  
  </ion-list>
</ion-content>

this the result:

How can i change settings described on screenshot ?
Thanks

#2

For the lines

<ion-item lines="none">

See: https://ionicframework.com/docs/api/item#properties

For the padding, look at --padding-start
See: https://ionicframework.com/docs/api/item#css-custom-properties

1 Like
#3

Many thanks
:beer::beer::beer: