How to disable input form validation


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

Resolved this myself.

The bar can be removed using the following css

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


I disabled here using:{ border-bottom-color: transparent; }

Now, my form works perfectly! :slight_smile:


doesnt work for me. did something change by now?

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



Yes the answer from cklaffer works for me too!


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;


thanks , it’s working


Yes, this is the answer. Thanks


its work bro. thanks a lot


This solution is perfect !!!