Bug with ios input on card

Couldn’t figure out why ios and android input text boxes look so different. For ios you can’t even tell where to click unless you have placeholder.

Finally debugging ios
On Class item-inner

There is this style.

.card-ios .item-ios.item-block .item-inner {
   border: 0;
}

If you put an ion-item on a card don’t show the bottom border.
But why?

I’m trying to override this. In chrome debugger if I uncheck this, I get the line back.

The next style that kicks in is.

.item-ios.item-block .item-inner {
    padding-right: 8px;
    padding-right: 8px;
    border-bottom: 0.55px solid #c8c7cc;
}

Finally was able to get it working with this.

.card-ios .item-ios.item-block .item-inner {
         border: none;
         border-bottom: 0.55px solid #c8c7cc;
     }

Not sure why the border is taken off on ios?