<!DOCTYPE html>
<html>
  <head>
    <style>
      span {color: green}
      #one:checked + span {color: red}
      #two:default + span {color: red}
    </style>
  </head>

  <body onload='document.getElementById("one").removeAttribute("type");
                document.getElementById("two").removeAttribute("type");'>
    <div>
      <input type="text" id="one" checked="checked" type="checkbox"/>
      <span>Should be no red </span>
    </div>
    <div>
      <input type="text" id="two" checked="checked" type="checkbox"/>
      <span>Should be no red </span>
    </div>
  </body>
</html>