Clean up color-filter tests.
[WebKit-https.git] / LayoutTests / css3 / color-filters / color-filter-color-text-decorations.html
1 <!DOCTYPE html>
2 <html>
3     <head>
4         <title>CSS Test: color-filter affects the color of text</title>
5         <link rel="author" title="Apple" href="http://www.apple.com/">
6         <link rel="match" href="color-filter-color-text-decorations-expected.html">
7
8         <meta name="assert" content="color-filter affects the color of text decorations">
9         <style type="text/css">
10             div.test
11             {
12                 font: 140px sans-serif;
13                 color: rgb(255, 128, 255);
14                 -webkit-text-decoration: underline overline yellow;
15                 color-filter: invert();
16             }
17
18             p
19             {
20                 margin: 8px;
21             }
22
23             .wavy
24             {
25                 -webkit-text-decoration: underline overline wavy yellow;
26             }
27
28             .dotted
29             {
30                 -webkit-text-decoration: underline overline dotted yellow;
31             }
32         </style>
33     </head>
34     <body>
35         <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>
36         <div class="test">
37             <p>A<p>
38             <p class="wavy">A<p>
39             <p class="dotted">A<p>
40         </div>
41     </body>
42 </html>