Css, Tailwindcss, Frontend, Shorts
Using the accent color property
Styling input elements with the accent color property using tailwind css.
Script:
As you can see the input elements use the default color from the browser. This can be overwritten with the accent-color css property. Just add the class accent-dash-green-dash-600.
We can even take it a step further and use our own defined brand colors from the tailwind config. Using the class accent-dash-primary or accent-dash-brand. So it is easy to give your input elements a brand touch.