Create Custom Form Select and Multi-select CSS Styles

Share this video with your friends

Send Tweet

Using modern CSS and in particular CSS grid and clip-path we can define cross-browser compatible custom select CSS styles inclusive of the dropdown arrow. We'll continue ensuring all styles are re-themeable by using the Sass functions we've already created within our form design system. We will style both the default single select, and a multi-select using multiple.

momin khalil
momin khalil
~ 3 years ago

very confused about the down arrow not being hidden behind the select after select z-index is set to 1