Switch buttons individual style/images

Community Usage questions
1

i’m trying to have different on/off background images for every button in a switch.
i was able to do a global image for on/off but cannot find a way to do it individually.
are they accessible individually?

switch

1 Like
2

You can use the css selector :nth-child():

value:nth-child(2) {
  --color-fill:red
}
2 Likes
3

This is great - I can do the colour changes but can I use this to put a base64 image on each child? I can’t seem to be able to get this to work.

4

You must use the appropriate css property to change the background image:

value:nth-child(2) {
  background-image: url(data:image/gif;base64,/* ... */)
}
5

Brilliant, thanks!

6

Good evening !
Can't this work with :

value:nth-child(2) {
  --color-text:red
}

??

7

--color-text is not used at this level in the widget''s css, but you can write

value:nth-child(2) {
  color: red
}
1 Like