Ionic4 + Vue, styling issues

How to actually style an input - <ion-input></ion-input>? I’ve tried to set a class on it, then style by class - but it didn’t work this way. Also tried:

ion-input { padding: 20px; }
Padding won’t work as well. What i’m missing?

According to the docs, it looks like you need to set each of the four padding directions via CSS variables.

1 Like

Thanks, just found info in the docs… Ionic4 now uses shadow DOM for components and all styles are isolated.