JSFiddle - React, Tailwind, and code Playground

HTML

<p>
    <button>test button with :active pseudo-class</button>
</p>

CSS

p { margin: 2em; }
button { background-color: White; color: SteelBlue; }
button:hover { background-color: LightSteelBlue; }
button:active { background-color: SteelBlue; color: White; }