Edit on
<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();
};
Rerun