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


I have read that answer but it is for hiding the dropdown arrow and not styling it.

Have you tried not hiding it, but styling it instead? Background/color etc.

Or how about positioning an element/pseudo element over the top of the arrow and styling that any way you want. Also include pointer-events:none; so that clicks/taps pass through the fake arrow to the real arrow underneath.

Unfortunately I’m not in a position to demo anything because datalist isn’t supported in Safari, and I’m on iPhone at the mo. I’m sure you can attempt something from my description in order to run tests though.