| <!DOCTYPE HTML> |
| <html> |
| <script src="../resources/ahem.js"></script> |
| <head> |
| <title></title> |
| <style> |
| button { font-family: Ahem; } |
| #a, #b, #c, #d { color: blue; } |
| </style> |
| </head> |
| <body> |
| <p> |
| This is a test of generated content in <button> for |
| <i><a href="https://bugs.webkit.org/show_bug.cgi?id=9561">http://bugzilla.opendarwin.org/show_bug.cgi?id=9561</a> |
| REGRESSION: Content property on :before of button causes hang on click or hover</i>. |
| </p> |
| <hr> |
| <button id="a">before</button> |
| <button id="b">beforebutton</button> |
| <br> |
| <button id="c">after</button> |
| <button id="d">buttonafter</button> |
| <br> |
| <button id="e"></button> |
| <button id="f">button</button> |
| <br> |
| <button id="g"></button> |
| <button id="h">button</button> |
| <br> |
| <button id="i">before</button> |
| <button id="j">beforebutton</button> |
| <br> |
| <button id="k">after</button> |
| <button id="l">buttonafter</button> |
| <br> |
| <button id="m">before</button> |
| <button id="n">beforebutton</button> |
| <br> |
| <button id="o">after</button> |
| <button id="p">buttonafter</button> |
| <br> |
| </body> |
| </html> |