<!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>This test is meaningfull only if RenderTheme::shouldShowPlaceholderWhenFocused() returns true.</p>
<p>The green caret in the following text box should painted over the red placeholder text.</p>
<input autofocus>
<script>
document.getElementsByTagName('input')[0].placeholder = 'Placeholder';
</script>
</body>