How to remove bottom line from the ionic components

Ionic Framework ionic-v3
1

I need to remove the white line in the bottom of the ion-input field.Any suggestion to overcome this problem!

image
Image uploaded from iOS.jpg640×1136 24.2 KB

2

Share the html you’ve written till now.

3

Try setting these variables to false (I’m not sure which one is relevant for your case):

$text-input-ios-show-focus-highlight:      false;
$text-input-ios-show-valid-highlight:      false;
$text-input-ios-show-invalid-highlight:    false;

$text-input-md-show-focus-highlight:      false;
$text-input-md-show-valid-highlight:      false;
$text-input-md-show-invalid-highlight:    false;

$text-input-wp-show-focus-highlight:      false;
$text-input-wp-show-valid-highlight:      false;
$text-input-wp-show-invalid-highlight:    false;
5 
<ion-item class="ion_card">
      <ion-input type="email" placeholder="Email" class="ion_input" pattern="[^ @]*@[^ @]*.[^@]*" formControlName="email" name="email"></ion-input>
    </ion-item>