OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <script src="resources/text-based-repaint.js"></script> | 2 <script src="resources/text-based-repaint.js"></script> |
3 <script> | 3 <script> |
4 function repaintTest() | 4 function repaintTest() |
5 { | 5 { |
6 var input = document.getElementById('input'); | 6 var input = document.getElementById('input'); |
7 input.style.backgroundColor = 'green'; | 7 input.style.backgroundColor = 'green'; |
8 input.value = 'NEW'; | 8 input.value = 'NEW'; |
9 } | 9 } |
10 window.onload = runRepaintAndPixelTest; | 10 window.onload = runRepaintAndPixelTest; |
11 </script> | 11 </script> |
12 <style> | 12 <style> |
13 input { | 13 input { |
14 background-color: red; | 14 background-color: red; |
15 position: absolute; | 15 position: absolute; |
16 font-size: 20px; | 16 font-size: 20px; |
17 padding: 20px; | 17 padding: 20px; |
18 width: 200px; | 18 width: 200px; |
19 } | 19 } |
20 </style> | 20 </style> |
21 <input id="input" type="text" value="OLD"> | 21 <input id="input" type="text" value="OLD"> |
OLD | NEW |