How to remove bottom line from the ionic components


#1

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


#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>