How to set different styles for Android and iOS in Ionic

Issue

Is it possible to set different styles when my app is on an IOS or Android device in HTML or CSS?

For example, IOS devices space out <ion-title> differently than Android devices.

Solution

In that case you can use something like this.

.ios ion-title {
    color: black;
}
.md ion-title {
    color: blue;
}

Also you can check it out the official documentation here Ionic Platform Style

Answered By – Quethzel Diaz

This Answer collected from stackoverflow, is licensed under cc by-sa 2.5 , cc by-sa 3.0 and cc by-sa 4.0

Leave a Reply

(*) Required, Your email will not be published