javascript - 按钮禁用 - 如何改变外观

Question

如何在禁用时更改 html 按钮的外观并在启用时更改它的外观？我希望按钮保持可见，并且不想更改按钮的文本。我想从代码中更改它。

Answer 1

For example :

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

请注意，根据 link in my comment , :disabled 伪类在 IE8 及更早版本中不受支持。