Join the Webstudio community

Updated 12 months ago

Radix Select states

At a glance

A community member is trying to modify the ":focused" and ":hoover" states of the Radix select component, but they are unable to find a way to do so. They have tried creating tokens for various parts of the select, but none of them expose the states. Another community member responds that they don't see a way to set those states either. The community members suggest using custom CSS as a potential solution if it's really important to the original poster.

bbonsak

HI. I'm trying to modify the Radix select's ":focused" and ":hoover" states. Tried making tokens on "Select", "Select Trigger", "Select Content", "Select Viewport" and a "Select Item". But none of them expose states. Am i doing something wrong? Any help appreciated.

4 comments

JJeremy

I don't think you're doing anything wrong. I just took a look and I don't see a way to set those states either.

bbonsak

Thanks for checking.

JJeremy

No problem. If it's really important to you, add some custom CSS.

bbonsak

No biggy. Was doing @John Siciliano 's course and the Select that's being used at some point has a default :focus border that doesn't sit very well with the Notion design :). Was just messing around to try to change it.

Add a reply