system.css icon indicating copy to clipboard operation
system.css copied to clipboard

Styling Select Menu

Open yukseltron opened this issue 2 years ago • 2 comments

Just an idea:

Currently, the Select Menu component's appearance is based on the user's OS. Screen Shot 2022-11-03 at 9 04 05 AM

It'd be nice if it looked like something closer to the Dropdown menu component Screen Shot 2022-11-03 at 9 05 12 AM

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.

yukseltron avatar Nov 03 '22 13:11 yukseltron

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

sakofchit avatar Nov 03 '22 16:11 sakofchit

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 .

Maithani-ji avatar Oct 01 '23 21:10 Maithani-ji