third_party/WebKit/LayoutTests/fast/forms/text/input-placeholder-paint-order-2-expected.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

<!DOCTYPE html>
<body>
<style>
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">
<script>
document.querySelector('input').focus();
</script>
</body>