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
  }