OLD | NEW |
1 <style> | 1 <style> |
2 textarea, #foo { | 2 textarea, #foo { |
3 font-size: 30px; | 3 font-size: 30px; |
4 font-family: courier; | 4 font-family: courier; |
5 border: 3px solid yellow; | 5 border: 3px solid yellow; |
6 height: 50px; | 6 height: 50px; |
7 width: 300px; | 7 width: 300px; |
8 color: blue; | 8 color: blue; |
9 padding:15px; | 9 padding:15px; |
10 line-height: 0px | 10 line-height: 0px |
11 } | 11 } |
12 #foo { | 12 #foo { |
13 display:inline-block; | 13 display:inline-block; |
14 overflow:auto; | 14 overflow:auto; |
15 -webkit-box-sizing:border-box; | 15 -webkit-box-sizing:border-box; |
16 } | 16 } |
17 </style> | 17 </style> |
18 | 18 |
19 <textarea>ggggggggg ggggggggg</textarea> | 19 <textarea>ggggggggg ggggggggg</textarea> |
20 <div id="foo"><div>ggggggggg ggggggggg</div></div> | 20 <div id="foo"><div>ggggggggg ggggggggg</div></div> |
21 | 21 |
22 <p>This is a pixel test that tests the linebox overflow in the padding on textar
eas. The div on the right is styled to look like a textarea.</p> | 22 <p>This is a pixel test that tests the linebox overflow in the padding on textar
eas. The div on the right is styled to look like a textarea.</p> |
OLD | NEW |