wpt/css/css-content/content-none-input.html at master · web-platform-tests/wpt · GitHub

Name: wpt/css/css-content/content-none-input.html at master · web-platform-tests/wpt · GitHub
Rating: 4.7 (4187 reviews)
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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<!doctype html>
<!--
 Any copyright is dedicated to the Public Domain.
 http://creativecommons.org/publicdomain/zero/1.0/
-->
<html><head>
<metacharset="utf-8">
<title>CSS Content: content:none on INPUT</title>
<linkrel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1699964">
<linkrel="help" href="https://drafts.csswg.org/css-content/#valdef-content-none">
<linkrel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1699964">
<linkrel="stylesheet" type="text/css" href="/fonts/ahem.css">
<metaname="flags" content="ahem">
<metaname="assert" content="content:none has no effect on <input> as it has no children">
<linkrel="match" href="content-none-input-ref.html">
<style>
html,body,input {
color:black; background-color:white; font:4px/1 Ahem; padding:0; margin:0;
}
body { margin-left:3ch; }
body>* {
content:none;
padding:0; margin:0; border:none;
}
.after::after { content:'A'; }
.before::before { content:'B'; }

</style>
</head>
<body>

<script>
document.body.style.display='none';

constdisplay=[
"display:block","display:inline","display:ruby","display:none","display:grid",
"display:flex","display:table","display:list-item","display:contents",
"columns:2",
];
constoverflow=[
""
];
constposition=[
"","position:absolute",
];
consttags=[
"input"
];
constclasses=[
"","after","before",
];
constbody=document.body;
for(vardofdisplay){
for(varoofoverflow){
for(varpofposition){
for(varcofclasses){
for(vartoftags){
letelem=document.createElement(t);
elem.style=d+';'+o+';'+p+';'
elem.className=c;
elem.value="PASS";
body.append(elem);
}
}
}
}
}

document.body.style.display='';
</script>

</body>
</html>