Styling Dropdown Options With Part

Much Selects can be styled with "external" CSS using the ::part selector. It works a lot like CSS classes, but it allows styles to "pierce" the shadow DOM. The HTML in the shadow DOM has lots of ::part attributes in it to allow you to style much-select's that way if you want to.

In this example we're adding some styles to the dropdown options. To make them a bit more interesting. We're adding some emiji's for the card suits, and changing the color of the text in the dropdown.