| <!DOCTYPE html> |
| <body> |
| <style> |
| span { |
| border: none; |
| display: inline-block; |
| font: -webkit-small-control; |
| margin: 2px; |
| padding: 2px; |
| color: black; |
| background-color: white; |
| } |
| .color { |
| width: 44px; |
| height: 23px; |
| } |
| .date { |
| font-family: monospace; |
| } |
| .hidden { |
| display: none; |
| } |
| </style> |
| <div><span class="button">Shadow!Content</span></div> |
| <div><span class="checkbox">Shadow!Content</span></div> |
| <div><span class="color">Shadow!Content</span></div> |
| <div><span class="date">Shadow!Content</span></div> |
| <div><span class="file">Shadow!Content</span></div> |
| <div><span class="hidden">Shadow!Content</span></div> |
| <div><span class="number">Shadow!Content</span></div> |
| <div><span class="radio">Shadow!Content</span></div> |
| <div><span class="range">Shadow!Content</span></div> |
| <div><span class="search">Shadow!Content</span></div> |
| <div><span class="text" tabindex=0>Shadow!Content</span></div> |
| <script>document.querySelector('.text').focus();</script> |
| </body> |