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
.
very confused about the down arrow not being hidden behind the select after select z-index is set to 1