JSFiddle - React, Tailwind, and code Playground

by Park Mino

HTML

<h3>Normal</h3>
<a href="#">button</a>
<button class="">button </button>

<h3>iOS</h3>
<a href="#" class="ios">button</a>
<button class="ios">button </button>

<h3>Android</h3>
<a href="#" class="android">button</a>
<button class="android">button </button>

CSS

*{margin:0;}
a,
button{display:block;margin:10px 0;width:80%;border:1px solid #000;border-radius:5px;font-size:14px;color:#000;line-height:45px;text-align:center;text-decoration:none;background-color:#fff;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}

a.ios,
button.ios{-webkit-tap-highlight-color:rgba(0, 0, 0, 0.3);}

a.android:active,
button.android:active{background-color:rgba(0, 0, 0, 0.3);}