Css, Tailwindcss, Frontend, Shorts

Using the accent color property

Using the accent color property - Stijn Elskens Cover
Styling input elements with the accent color property using tailwind css.


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.