input-placeholder-paint-order.html | Explore in Territory

<!DOCTYPE html>
<body>
<script src="../resources/common.js"></script>
<script>
waitUntilLoadedAndAutofocused();
</script>
<style>
body { overflow: hidden; }

input {
    color: lime;
    text-indent: 1px;
    width: 80px;
    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>

chromium/third_party/blink/web_tests/fast/forms/text/input-placeholder-paint-order.html