| <!DOCTYPE html> | |
| <body> | |
| <style> | |
| body { overflow: hidden; } | |
| textarea { | |
| color: lime; | |
| text-indent: 1px; | |
| zoom: 8; | |
| } | |
| textarea::-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> | |
| <textarea placeholder="Placeholder"></textarea> | |
| <script>document.querySelector('textarea').focus();</script> | |
| </body> |