Modify shadow-root styles

I want to modify the padding of the item-native class

but the styles are inside swadow-root and when modifying the class:
.item-native{
padding-inline-start: unset;
padding: unset;
}
it is not modified…

I understand that it is a native class of the component, how can I modify it?

You can’t access the shadow dom directly. What you can do is to use predefined variables, like –padding-start, etc: https://ionicframework.com/docs/api/item#css-custom-p…

1 Like