<!DOCTYPE html> <html> <head> <style> span {color: red} input[type=submit]:not([disabled]):not(:disabled) ~ span {color: green} input[type=submit][disabled]:disabled + span {color: blue} input[type=text] + span {color: red} input { display: none } </style> </head> <body onload='document.getElementById("one").setAttribute("type", "submit"); document.getElementById("two").setAttribute("type", "submit"); document.getElementById("two").setAttribute("disabled", "disabled"); document.getElementById("one").removeAttribute("disabled");'> <input type="text" id="one" disabled="disabled"/> <span>Should be no red </span><br> <span>Should be no red </span><br> <input type="text" id="two"/> <span>Should be no red </span> </body> </html>