JSFiddle - React, Tailwind, and code Playground

by firegroove

HTML

<button>
  When clicked, my text turns red AND bold!<br />
  But not when focused, where my text just turns red
</button>

CSS

button { color: black; }
 button:focus { color: yellow }
  button:hover { color: blue}
 button:active { color:green}