| <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> |
| <html> |
| <head> |
| <style> |
| input { |
| font-size: 20px; |
| } |
| </style> |
| </head> |
| <body> |
| <p>Test appearances of spin buttons. Disabled state and read-only state should have appearances different from the normal state.</p> |
| <div><label><input type=number value=0> Normal state</label></div> |
| <div><label><input type=number value=0 disabled> Disabled state</label></div> |
| <div><label><input type=number value=0 readonly> Read-only state</label></div> |
| <script> |
| document.querySelectorAll('input')[2].focus(); |
| var normal = document.querySelector('input'); |
| if (window.eventSender) |
| eventSender.mouseMoveTo(normal.offsetLeft + normal.offsetWidth / 2, normal.offsetTop + normal.offsetHeight / 2); |
| </script> |
| </body> |
| </html> |