Ionic 4 How to Change: Shadow Dom in CSS

ionic 4 how to change :shadow dom in css?

Try this one.Its works for me

ion-select{
    --padding-top:12px !important;
    --padding-end:12px !important;
    --padding-bottom:12px !important;
    --padding-start:20px !important;
}

Ionic - Change css of shadow class in html

This seems to work for me for now:

.split-pane-visible > ion-menu {
    max-width: 200px!important;
}

Ionic 4 custom styling Shadow DOM

Ionic 4 uses web components, so the way to style components in Ionic 4 is to use the CSS variables that Ionic provides.

In your case, set the --background property of the component:

ion-footer {
  --background: #ff0000;
}

---

Related Topics