348809-2f.html (575B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <style> 5 span { color: green } 6 :default + span { color: red } 7 span.reverse { color: red } 8 :default + span.reverse { color: green } 9 button { display: none } 10 </style> 11 </head> 12 <body> 13 <form> 14 <div> 15 <button type="submit" checked="checked" id="foo"></button> 16 <span>There should be no red.</span> 17 </div> 18 <div> 19 <button type="submit"></button><span class="reverse">There should be no red.</span> 20 </div> 21 </form> 22 <script> 23 var foo = document.body.offsetWidth; 24 document.getElementById("foo").setAttribute("type", "button"); 25 </script> 26 </body> 27 </html>