# How to disable input form validation

**URL:** <https://forum.ionicframework.com/t/how-to-disable-input-form-validation/54666>\
**Category:** ionic-v3\
**Created:** [June 13, 2016, 11:50am UTC](https://forum.ionicframework.com/t/how-to-disable-input-form-validation/54666 "2016-06-13T11:50:31Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![3m2vinatohr04](https://avatars.discourse-cdn.com/v4/letter/3/9dc877/32.png) [@3m2vinatohr04](https://forum.ionicframework.com/u/3m2vinatohr04)\
**Post date:** [June 13, 2016, 11:50am UTC](https://forum.ionicframework.com/t/how-to-disable-input-form-validation/54666/1 "2016-06-13T11:50:31Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![3m2vinatohr04](https://avatars.discourse-cdn.com/v4/letter/3/9dc877/32.png) [@3m2vinatohr04](https://forum.ionicframework.com/u/3m2vinatohr04)\
**Post date:** [June 16, 2016, 11:42pm UTC](https://forum.ionicframework.com/t/how-to-disable-input-form-validation/54666/2 "2016-06-16T23:42:54Z")

</div>

Resolved this myself.

The bar can be removed using the following css

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

---

<div class="post-metadata">

**Author:** ![mayconjcm](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mayconjcm/32/101189_2.png) [@mayconjcm](https://forum.ionicframework.com/u/mayconjcm)\
**Post date:** [June 17, 2016, 3:48pm UTC](https://forum.ionicframework.com/t/how-to-disable-input-form-validation/54666/3 "2016-06-17T15:48:46Z")

</div>

I disabled here using:

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

Now, my form works perfectly! 🙂

---

<div class="post-metadata">

**Author:** ![cklaffer](https://avatars.discourse-cdn.com/v4/letter/c/e9a140/32.png) [@cklaffer](https://forum.ionicframework.com/u/cklaffer)\
**Post date:** [February 14, 2017, 10:01am UTC](https://forum.ionicframework.com/t/how-to-disable-input-form-validation/54666/4 "2017-02-14T10:01:37Z")

</div>

doesnt work for me. did something change by now?

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

works…

---

<div class="post-metadata">

**Author:** ![peterjc](https://avatars.discourse-cdn.com/v4/letter/p/977dab/32.png) [@peterjc](https://forum.ionicframework.com/u/peterjc)\
**Post date:** [March 27, 2017, 12:23pm UTC](https://forum.ionicframework.com/t/how-to-disable-input-form-validation/54666/5 "2017-03-27T12:23:55Z")

</div>

Yes the answer from cklaffer works for me too!

---

<div class="post-metadata">

**Author:** ![AlvaroHerrero](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/alvaroherrero/32/78044_2.png) [@AlvaroHerrero](https://forum.ionicframework.com/u/AlvaroHerrero)\
**Post date:** [June 19, 2017, 10:58am UTC](https://forum.ionicframework.com/t/how-to-disable-input-form-validation/54666/6 "2017-06-19T10:58:36Z")

</div>

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

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

```

---

<div class="post-metadata">

**Author:** ![dhanaart555](https://avatars.discourse-cdn.com/v4/letter/d/8e7dd6/32.png) [@dhanaart555](https://forum.ionicframework.com/u/dhanaart555)\
**Post date:** [December 20, 2017, 12:58pm UTC](https://forum.ionicframework.com/t/how-to-disable-input-form-validation/54666/7 "2017-12-20T12:58:02Z")

</div>

thanks , it’s working

---

<div class="post-metadata">

**Author:** ![michelled](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/michelled/32/115140_2.png) [@michelled](https://forum.ionicframework.com/u/michelled)\
**Post date:** [January 15, 2018, 7:25pm UTC](https://forum.ionicframework.com/t/how-to-disable-input-form-validation/54666/8 "2018-01-15T19:25:27Z")

</div>

Yes, this is the answer. Thanks

---

<div class="post-metadata">

**Author:** ![VajidAli](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/vajidali/32/116839_2.png) [@VajidAli](https://forum.ionicframework.com/u/VajidAli)\
**Post date:** [March 31, 2018, 5:37am UTC](https://forum.ionicframework.com/t/how-to-disable-input-form-validation/54666/9 "2018-03-31T05:37:34Z")

</div>

its work bro. thanks a lot

---

<div class="post-metadata">

**Author:** ![ionictgraj](https://avatars.discourse-cdn.com/v4/letter/i/df788c/32.png) [@ionictgraj](https://forum.ionicframework.com/u/ionictgraj)\
**Post date:** [January 14, 2019, 7:21am UTC](https://forum.ionicframework.com/t/how-to-disable-input-form-validation/54666/10 "2019-01-14T07:21:33Z")

</div>

This solution is perfect !!!

---

<div class="post-metadata">

**Author:** ![av\_virgil](https://avatars.discourse-cdn.com/v4/letter/a/87869e/32.png) [@av\_virgil](https://forum.ionicframework.com/u/av_virgil)\
**Post date:** [June 26, 2019, 12:34pm UTC](https://forum.ionicframework.com/t/how-to-disable-input-form-validation/54666/11 "2019-06-26T12:34:08Z")

</div>

None of this worked for me in Ionic v4, but I managed to make it work with this:

```auto
.item-interactive {
  --highlight-background: transparent !important;
}

```

this will disable the feedback (valid or invalid)