<ion-list> with rounded corners

Ionic Framework ionic-v3
1

Hey everyone!

Is there any way to make my “ion-list” corners rounded?

1 Like
2

Sure, use the “Inspect” tool of your browser to find the correct HTML tags and modify its CSS. Then apply that to your app permanently.

2 Likes
3

Thanks Sujan12!

If someone has the same issue try to add this CSS class to your ion-list:
.ion-item-border {
border-radius: 20px !important;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
}
You cant miss the paddings otherwise the rounder corners are hided.

4 Likes