JSFiddle - React, Tailwind, and code Playground

Hover/focus on touch/click devices

by tonytlwu

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.min.css">
<a href="#">Link</a>

<input class="form-control" placeholder="input" />

<textarea class="form-control" placeholder="textarea"></textarea>

<input type="file" />
<input class="checkbox" type="checkbox" />
<input type="radio" />
<input type="submit" />

<button>Button</button>

<a href="#" class="btn">Button</a>

<a href="#" class="toggle">Toggle link</a> <span class="toggle" tabindex="0">Toggle span</span>

CSS

.form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn:focus {
  outline: none;
}