<!DOCTYPE html> <html class="reftest-wait"> <!-- Test: if one radio in a group has the required attribute and no radio is checked, all radio in the group should have :-moz-ui-invalid pseudo-class. --> <link rel='stylesheet' type='text/css' href='style.css'> <body onload="document.getElementById('i1').checked = false; if (!document.getElementById('i1').matches(':-moz-ui-invalid') || !document.getElementById('i2').matches(':-moz-ui-invalid')) { document.body.textContent='FAIL'; } else { document.body.textContent='SUCCESS'; } document.documentElement.className='';"> <input id='i1' name='foo' type='radio' required> <input id='i2' name='foo' type='radio'> </body> </html>