caret-color-015

caret-color visited links

WeasyPrint

This browser

Flags
interact
Assertion
Test checks that caret-color can be set on a contenteditable visited link

Source

 1 <!DOCTYPE html>
 2 <html><head><meta charset="utf-8">
 3 <title>CSS Basic User Interface Test: caret-color visited links</title>
 4 <link href="mailto:rego@igalia.com" rel="author" title="Manuel Rego Casasnovas">
 5 <link href="http://www.w3.org/TR/css3-ui/#caret-color" rel="help">
 6 <meta content="interact" name="flags">
 7 <meta content="Test checks that caret-color can be set on a contenteditable visited link" name="assert">
 8 <style>
 9   a {
10     font-size: 3em;
11     font-weight: bold;
12     width: 10em;
13     padding: 10px;
14     background: black; /* the color of a thin object like the caret is easier to see on a black background. */
15 
16     color: white;
17     caret-color: red;
18   }
19 
20   a:link {
21     color: yellow;
22   }
23 
24   a:visited {
25     caret-color: lime;
26   }
27 </style>
28 </head><body>
29   <p>Before running this test, this <a href="./">link</a> must have been visited. It will have yellow text if this is not the case. If it its text is yellow, you need to navigate to this link first.
30   </p><p>Test passes if, when the link below is focused for editing, the text insertion caret is green.</p>
31   <p>The shape of the caret, and whether it flashes, are not part of the test.</p>
32   <a href="./" contenteditable="" id="link">link</a>
33   <script>
34     window.onload = function() {
35       /* Convenience helper to get the link into the browsing history.
36          Using a relative path because some browsers only allow replaceState within the same domain. */
37       current_url = window.location.href;
38       history.replaceState({},"","./");
39       history.replaceState({},"",current_url);
40 
41       document.getElementById("link").focus();
42     }
43   </script>
44 
45 </body></html>