Any way to address ::-webkit-scrollbar-thumb:hover pseudo?

[bram2000]

As subject; does anyone know if there is anyway to access the :hover properties of the ::-webkit-scrollbar-thumb?

[hamlim]

Can you share a snippet that isn't working? Or a codesandbox?

I'm seeing the styles get generated correctly using something like this:

export let scrollbarHover = style({
  selectors: {
    "&::-webkit-scrollbar-thumb:hover": {
      backgroundColor: "red"
    }
  }
});

[bram2000]

Thanks! That's exactly what I was looking for! I'm setting the other properties directly rather than using the selectors;

    "::-webkit-scrollbar": {
        width: "15px",
    },
    "::-webkit-scrollbar-track": {
        borderRadius: "5px",
        background: "red",
    },
    "::-webkit-scrollbar-thumb": {
        borderRadius: "5px",
        background: "pink",
    },