Ion-input green line when type="number"

If there any way to get rid of the green “valid” line below the ion-input type=“number”? If the input field is empty or type is set to text there is no color at all.

Edit. Now the green line appears with type=“text” too. What is the logic with this? Some input controls don’t have that.

If you are Using Ng-Model then It will show you the green line that indicates the Binding of data from input.
You can get rid of it through Css

.item-md.item-input.ng-valid.item-input-has-value:not(.input-has-focus):not(.item-input-has-focus) .item-inner,
.item-md.item-input.ng-valid.input-has-value:not(.input-has-focus):not(.item-input-has-focus) .item-inner {
    border-bottom-color: transparent;
    box-shadow: inset 0 -1px 0 0 #dedede;
}

I used this in my CSS, and it works perfectly.

6 Likes