How to disable input form validation


#1

Hi everyone,

How do I disable the form validation in the input?

With the beta 8 update, a colored bar appeared at the bottom of the input.

I wish to remove it.

Thanks in advance


Underlined text inputs
Removing the line under the input component
#2

Resolved this myself.

The bar can be removed using the following css

.item-input::after {
border-bottom-color: transparent !important;
}


#3

I disabled here using:

.item-input.ng-valid.input-has-value::after{ border-bottom-color: transparent; }

Now, my form works perfectly! :slight_smile:


#4

doesnt work for me. did something change by now?

EDIT:
.item-inner {
border-bottom-color: transparent !important;
box-shadow: none !important;
}

works…


#5

Yes the answer from cklaffer works for me too!


#6

I have also added ion-item selector. Password inputs still show the color bar if not included.

.item-inner, ion-item {
  border-bottom-color: transparent !important;
  box-shadow: none !important;
}

#7

thanks , it’s working


#8

Yes, this is the answer. Thanks


#9

its work bro. thanks a lot