<ion-list> with rounded corners

Hey everyone!

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

1 Like

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.


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.