sl-menu-item hover states

[Jaylyn-Barbee]

When using sl-menu-item inside of sl-select when i search the select I get the blue hover that comes with the component

When I hover with my mouse, I get the custom color I set

Here are the respective css selectors

However, the first one isn't working sl-menu-item:hover

[claviska]

There are two states, hover and focus. Try this:

/* Hover state */
sl-menu-item::part(base):hover {
  background: green;
  color: white;
}

/* Focus state */
sl-menu-item:focus-within::part(base) {
  background: tomato;
  color: white;
}

[Jaylyn-Barbee]

Thanks.