<a href="#" id="a">IT'S LIKE WATER, PEOPLE</a>
<p>(You should see a wavy line on top. Currently works only in Firefox)</p>
<p>See <a href="http://www.sitepoint.com/12-little-known-css-facts/">article</a>.</p>
body {
padding: 30px;
text-align: center;
font-family: Arial, sans-serif;
}
a, a:visited {
color: blue;
background: aqua;
-moz-text-decoration-color: aqua;
-moz-text-decoration-line: overline;
-moz-text-decoration-style: wavy;
text-decoration-color: aqua;
text-decoration-line: overline;
text-decoration-style: wavy;
}
document.getElementById('a').onclick = function (e) {
e.preventDefault();
};
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.