system.css
system.css copied to clipboard
Styling Select Menu
Just an idea:
Currently, the Select Menu component's appearance is based on the user's OS.
It'd be nice if it looked like something closer to the Dropdown menu component
Styling it doesn't seem to be tough a task. However, accessibility is my bigger concern. The component may need a tabindex=0
property in its HTML in order to preserve page tabbing. This is not possible to enforce using CSS alone, so docs may need to reflect the importance of having a tabindex=0
attribute.
Agreed, I couldn't seem to figure out how to style it without needing to use JS which is why I left it as is, but if you're able to get it to work that'd be swell.
This is what I looked at before: https://www.w3schools.com/howto/howto_custom_select.asp
If you want simple dropdown like second picture , i think it can be achieved using css --> :hover effect . If you can assign it to me i can do it .