JSFiddle - React, Tailwind, and code Playground

by oilvier

HTML

<button class="foo">Foo</button>
<button class="foo" disabled>Foo</button>
<span class="foo noclick">Foo</span>

CSS

a.foo:hover,
button.foo:not(:disabled):hover {
  border-color: red;
  background-color: white;
  color: red;
}

a.foo:focus,
button.foo:focus {
  outline: 1 solid red;
  outline-offset: 10px;
}