Tailwind appearance-none not working for Select tags

Question

I need to remove the arrow of the select tag, so I follow an example on Tailwind CSS: https://v1.tailwindcss.com/docs/appearance I checked the link to tailwind.min.css already, but it still not work. The arrow still there

May I ask if I forget some thing?

Thank you

Answer 1

I believe appearance: none is working in your screenshot. The arrow seems to be a background-image applied to the <select> element: