JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
<button id="regular">regular button</button>
<button id="no-touch">no touch hover button</button>

CSS

#regular:hover, #regular:active {
    opacity: 0.5;
}

html.no-touch #no-touch:hover, #no-touch:active {
    opacity: 0.5;
}

JavaScript

$('button').on('click', function(e) { e.preventDefault(); });