| <!doctype html> | |
| <style> | |
| span { color: red; } | |
| foreignObject span { color: blue; } | |
| foreignObject SPAN { color: green; } | |
| </style> | |
| <p>This test the styling of elements in foreignObject. WebKit uses to fail this because it was unable to match <foreignObject> due the uppercase 'O'</p> | |
| <p>If test suceed, both words should be green.</p> | |
| <svg width="500" height="100"> | |
| <foreignObject width="500" height="100"> | |
| <span>Green</span> | |
| <SPAN>Green</SPAN> | |
| </foreignObject> | |
| </svg> | |