JSFiddle - React, Tailwind, and code Playground

by ExplosionPIlls

HTML

<table>
<tbody>
    <tr><td class="unselectable" unselectable="on"><button value="1" unselectable="on"   class="unselectable"><div unselectable="on"  class="unselectable"></div></button></td><td>Row 1</td></tr>
    <tr><td class="unselectable" unselectable="on"><button value="2" unselectable="on"   class="unselectable"><div unselectable="on"   class="unselectable"></div></button></td><td>Row 2</td></tr>
    <tr><td class="unselectable" unselectable="on"><button value="3" unselectable="on"   class="unselectable"><div unselectable="on"  class="unselectable"></div></button></td><td>Row 3</td></tr>
</tbody>
</table>

CSS

*.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}
button.unselectable:after {
    content: "\2718";
}