Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / fast / forms / number / number-appearance-spinbutton-disabled-readonly.html
blob9b59b66cc9ea231899d4c0e28dc1e40156ea4882
1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
2 <html>
3 <head>
4 <style>
5 input {
6 font-size: 20px;
8 </style>
9 </head>
10 <body>
11 <script>
12 if (window.testRunner)
13 testRunner.setUseMockTheme(false);
14 </script>
15 <p>Test appearances of spin buttons. Disabled state and read-only state should have appearances different from the normal state.</p>
16 <div><label><input type=number value=0> Normal state</label></div>
17 <div><label><input type=number value=0 disabled> Disabled state</label></div>
18 <div><label><input type=number value=0 readonly> Read-only state</label></div>
19 <script>
20 document.querySelectorAll('input')[2].focus();
21 var normal = document.querySelector('input');
22 if (window.eventSender)
23 eventSender.mouseMoveTo(normal.offsetLeft + normal.offsetWidth / 2, normal.offsetTop + normal.offsetHeight / 2);
24 </script>
25 </body>
26 </html>