Implement rendering support for the color-filter CSS property
[WebKit-https.git] / LayoutTests / css3 / color-filters / color-filter-color-property-list-item.html
1 <!DOCTYPE html>
2 <html>
3     <head>
4         <title>CSS Test: color-filter affects the color of a list item bullet</title>
5         <link rel="author" title="Apple" href="http://www.apple.com/">
6         <link rel="match" href="color-filter-color-property-list-item-expected.html">
7
8         <meta name="assert" content="color-filter affects the color of a list item bullet">
9         <style type="text/css">
10             div.test
11             {
12                                 font: 200px Ahem;
13                                 color: rgb(255, 128, 255);
14                                 color-filter: invert();
15             }
16                         ul {
17                                 margin: 0;
18                         }
19                         li {
20                                 margin-left: 100px;
21                         }
22         </style>
23                 <script>
24                         if (window.internals)
25                             internals.settings.setColorFilterEnabled(true);
26                 </script>
27     </head>
28     <body>
29         <p>Test passes if there is a green circle.</p>
30         <div class="test">
31                         <ul>
32                                 <li></li>
33                         </ul>
34                 </div>
35     </body>
36 </html>