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

   1 <!DOCTYPE html>
   2 <body>
   3 <script src="resources/common.js"></script>
   4 <script>
   5 waitUntilLoadedAndAutofocused();
   6 // We don't care a render tree of this test.
   7 if (window.testRunner)
   8     testRunner.dumpAsTextWithPixelResults();
   9 </script>
  10 <style>
  11 body { overflow: hidden; }
  12
  13 input {
  14     color: lime;
  15     text-indent: 1px;
  16     zoom: 8;
  17 }
  18
  19 input::-webkit-input-placeholder {
  20     text-indent: -1px;
  21     font-weight: bold;
  22     color: red;
  23 }
  24 </style>
  25 <p>The green caret in the following text box should painted over the red placeholder text.</p>
  26 <input placeholder="Placeholder" autofocus>
  27 </body>