summaryrefslogtreecommitdiffstats
path: root/third_party/WebKit/LayoutTests/fast/forms/text/input-placeholder-paint-order.html
blob: 1efc4a495783956fd64886821907b268848d719f (plain)
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
<!DOCTYPE html>
<body>
<script src="../resources/common.js"></script>
<script>
waitUntilLoadedAndAutofocused();
// We don't care a render tree of this test.
if (window.testRunner)
    testRunner.dumpAsTextWithPixelResults();
</script>
<style>
body { overflow: hidden; }

input {
    color: lime;
    text-indent: 1px;
    zoom: 8;
}

input::-webkit-input-placeholder {
    text-indent: -1px;
    font-weight: bold;
    color: red;
}
</style>
<p>The green caret in the following text box should painted over the red placeholder text.</p>
<input placeholder="Placeholder" autofocus>
</body>