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.

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.