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 {
  	background-color: #484848;
    color: white;
		padding:20px;
  }
  
  button:focus {
    color: green;
  }
  
  button:hover {
    color: #288EDF
  }
  
  button:active {
    color: yellow
  }