<style> | |
textarea, #foo { | |
font-size: 30px; | |
font-family: courier; | |
border: 3px solid yellow; | |
height: 50px; | |
width: 300px; | |
color: blue; | |
padding:15px; | |
line-height: 0px | |
} | |
#foo { | |
display:inline-block; | |
overflow:auto; | |
-webkit-box-sizing:border-box; | |
} | |
</style> | |
<textarea>ggggggggg ggggggggg</textarea> | |
<div id="foo"><div>ggggggggg ggggggggg</div></div> | |
<p>This is a pixel test that tests the linebox overflow in the padding on textareas. The div on the right is styled to look like a textarea.</p> |