Custom select

Use the custom-select class to create a custom select. This is an opt-in feature for experimental browser features. These features allow full customization of the native select elements using just CSS. It also supports the rendering of different kind of html tags inside the options, like SVGs. Read more at customizable select on MDN

<select class="custom-select">
<button>
Selected animal:<selectedcontent></selectedcontent>
</button>
<option value="1">[insert SVG] Cat</option>
<option value="2">[insert SVG] Dog</option>
<option value="3">[insert SVG] Bird</option>
</select>
Loading...