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} 
   */

button {
  color: black;
}

button:focus {
  color: yellow
}

button:hover {
  color: #288edf
}

// clicked
button:active {
  color: green
}