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 { font-weight: normal; color: black; }
  button:focus { color: red; }
  button:active { font-weight: bold; }