Question

How can I change the appearance of an html button when it is disabled and back when enabled? I want the button to remain visible, and I don’t want to alter the text of the button. I want to alter it from code.

Answer 1

For example:

button {
  border: 3px solid #009;
  background: #66c;
  color: #fff;
}
button:disabled {
  border: 3px solid #66c;
  opacity: 0.5;
}

Note, as per the link in my comment, the :disabled pseudo class is not supported in IE8 and earlier.