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

   1 <!DOCTYPE html>
   2 <body>
   3 <style>
   4 input {
   5     color: lime;
   6     text-indent: 1px;
   7     zoom: 8;
   8 }
   9
  10 input::-webkit-input-placeholder {
  11     text-indent: -1px;
  12     font-weight: bold;
  13     color: red;
  14 }
  15 </style>
  16 <p>The green caret in the following text box should painted over the red placeholder text.</p>
  17 <input>
  18 <script>
  19 var input = document.querySelector('input');
  20 input.focus();
  21 input.placeholder = 'Placeholder';
  22 </script>
  23 </body>