<!DOCTYPE html>
<html class="reftest-wait">
  <!-- Test: if input is no longer readonly, invalid and has it's value changed,
             it's affected by :-moz-ui-invalid pseudo-class. -->
  <link rel='stylesheet' type='text/css' href='style.css'>
  <body onload="document.getElementById('i').removeAttribute('readonly');
                document.getElementById('i').value = '';
                document.documentElement.className='';">
    <input class='invalid' id='i' readonly required>
  </body>
</html>