How can i style datalist html ?
actually i want to have my option width same as datalist width
#Styling datalist
neon forum
high dune
datalist is just a tag, you can use it in css selectors like any other tag, combine it with class names etc. like
<datalist class="snowflake">
datalist.snowflake {
...
}
ah, well I don't think it's used in rendering at all, just its contents https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist
it seems the rendering of datalist is based on how the os/browser interprets it with its builtin widget, no way to override that. you can suppress it and add a custom widget/dropdown by tying to the events
https://chriswarrick.com/blog/2020/02/09/when-html-is-not-enough-a-tale-of-the-datalist-element/
since that means a lot of work you may want to look into specialized libraries instead like https://select2.org/