File: canvas-cursor-001.html

package info (click to toggle)
thunderbird 1%3A128.14.0esr-1~deb12u1
  • links: PTS, VCS
  • area: main
  • in suites: bookworm
  • size: 4,334,824 kB
  • sloc: cpp: 7,391,917; javascript: 5,617,271; ansic: 3,833,216; python: 1,230,742; xml: 619,690; asm: 456,022; java: 179,892; sh: 118,796; makefile: 21,908; perl: 14,825; objc: 12,399; yacc: 4,583; pascal: 2,973; lex: 1,720; ruby: 1,190; exp: 762; sql: 674; awk: 580; php: 436; lisp: 430; sed: 70; csh: 10
file content (25 lines) | stat: -rw-r--r-- 844 bytes parent folder | download | duplicates (26) 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
<!doctype html>
<title>CSS UI Test: propagating the root cursor to the canvas</title>
<link rel="author" title="Florian Rivoal" href="mailto:florian@rivoal.net">
<link rel="help" href="https://drafts.csswg.org/css-ui-3/#canvas_cursor">
<meta name="flags" content="interact image">
<meta name="assert" content="Test checks the cursor applied to the root element is propagated to the canvas.">
<style>
:root {
	padding:0;
	background:blue;
	cursor: url(support/green.ico), pointer;
}
body {
	margin:0;
}
p {
	background: white;
	cursor: default;
	position:absolute;
	/* the p is taken out of flow to make the html and body elements collapse to nothing,
	leaving the whole background area empty of any element,
	as that's what we want to hover over */ }
</style>
<body>
<p>Place the mouse cursor over the blue area. You should see a green square.