ReactJS: Tailwind override global CSS inline

0
votes

I have this rails reactjs app that if I put this line in the form

<input type='submit'/>

It will create for me a blue button. I have just installed Tailwind and if I input this line with tailwind class, it does not have any effect on the button design.

<input type='submit'
              className='bg-red-500  text-white font-bold py-2 px-4 rounded-full'/>

Is there a way that I can override this global settings like putting !important inline in the className?

Any help would be greatly appreciated.

cssreactjstailwind-css