Style SP-SLIDER, SP-PICKER and SP-SWITCH with CSS

Is there a way to style elements of SP-SLIDER, SP-PICKER and SP-SWITCH with CSS?
For example I would like to change the colour of handler in slider or the highlight colour for SP-PICKER (that is blue by default).

I was looking for the reference but I can’t find any.
Screenshot 2022-02-10 at 10.11.55

Screenshot 2022-02-10 at 10.12.10

Screenshot 2022-02-10 at 10.11.41

Thank you!

Since when do we have sp-switch and sp-picker? :slight_smile: I’ve missed them!

Don’t know about switch, but sp-dropdown gives deprecation notice at least for a few months now (don’t even remember since which version). Here’s how I use picker

@kerrishotts I’d be awesome if the doc site gets updated with all the currently available Spectrum components :sweat_smile: Thanks!

1 Like

Except that picker doesn’t really work as described in spectrum. It’s a combination of both dropdown and picker. Actually none of them work in UXP as described - one is deprecated and other isn’t ready for UXP at all

Your workaround for sp-picker in this post works, @Karmalakas.

2 Likes