Figure out workaround for tailwind transparent button bg issue

[lsollis]

Tailwind preflight sets all button backgrounds as transparent by default. There may be an error in tailwind v3 preventing button background classes from working.

One example of the issue is in zipcode.tsx; there is currently inline css styling applied to give the button some color

A reference to discussion of the issue: tailwindlabs/tailwindcss#6602

[lsollis]

l

[avenmia]

This seems to be an issue with declaring the type being submit.

The button below renders fine for me

 <button className="rounded-full px-6 py-2 mx-1 hover:bg-blue-default bg-blue-darker text-white"  onClick={(e) => handleSubmit(e)}>Submit</button>

This one does not

 <button type="submit" className="rounded-full px-6 py-2 mx-1 hover:bg-blue-default bg-blue-darker text-white"  onClick={(e) => handleSubmit(e)}>Submit</button>

[christianpetty]

This is still an issue for me. Submit, reset, and button are all transparent even with @layer component overrides.