CodePen Embed - ::part()

<ion-button>Default styling</ion-button>

<ion-button class="pink-dotted">customized styling</ion-button>

ion-button.pink-dotted::part(native) {
  color: black;
  border: dashed 2px black;
  background-color: #fec0ff;
}

ion-button.pink-dotted::part(button):hover {
  background-color: #fd8fff;
}

This Pen is owned by Chris Coyier on CodePen. It is a fork of this Pen.

See more by @chriscoyier on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.