<!DOCTYPE html>
<html>
<head>
<title>CSS Test: -apple-color-filter reference</title>
<link rel="author" title="Apple" href="http://www.apple.com/">
<style type="text/css">
div.test
{
font: 140px sans-serif;
color: green;
-webkit-text-decoration: underline overline blue;
}
p
margin: 8px;
.wavy
-webkit-text-decoration: underline overline wavy blue;
.dotted
-webkit-text-decoration: underline overline dotted blue;
</style>
</head>
<body>
<p>You hsould see three green letter A. The top should have a solid bar overline and underline. The second should have a wavy overline and underline. The bottom should have a dotted overline and underline.</p>
<div class="test">
<p>A<p>
<p class="wavy">A<p>
<p class="dotted">A<p>
</div>
</body>
</html>