The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Style dropdown on datalist element Reply To: Style dropdown on datalist element


Unfortunately a background-image would still allow the default arrow to be visible over the top.

I still think a pseudo element is the way to go – something like this
The default arrow is still there, its just obscured by the faux arrow, and pointer-events allow the click/tap to pass through.

Note that the faux arrow will be visible in those browsers that don’t support datalist so you’d need to compensate for that.