mobile webkit outlines

by BradleyStaples

HTML

<ul>
    <li><a href="#1">Alpha</a></li>
    <li><a href="#2">Beta</a></li>
    <li><a href="#3">Gamma</a></li>
    <li><a href="#4">Delta</a></li>
    <li><a href="#5">Epsilon</a></li>
</ul>

CSS

ul {list-style:none; margin:0; padding:0;}
li {margin:5px; padding:0;}
a {display:inline-block; padding:3px; -webkit-tap-highlight-color:rgba(0,0,0,0);}

JavaScript

(function ($) {
    $('a').click(function (e) {
        e.preventDefault();                    
    }
}(jQuery));