| <!DOCTYPE html> |
| <title>propagating text-decoration into buttons</title> |
| <link rel=match href=propagate-text-decoration-ref.html> |
| <style> |
| button, input { font: inherit } |
| .inline > u > * { display: inline } |
| .inline-block > u > * { display: inline-block } |
| </style> |
| <p>The text in the following buttons should be underlined.</p> |
| <p class=inline><u><button>foo</button><input type=button value=foo></u></p> |
| <p>The text in the following buttons should NOT be underlined.</p> |
| <p class=inline-block><u><button>foo</button><input type=button value=foo></u></p> |