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

Question

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

Answer 1

例如：

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

请注意，根据我评论中的链接:disabled，IE8 及更早版本不支持伪类。

Answer 2

CSS 提供 :disabled 选择器。

有关 CSS3 选择器的更多信息

---

如果您不想使用 CSS3 选择器，您可以创建新类并以您想要的方式设计它。

但在那之后，您必须添加标志“禁用”并return false;在设置标志时使用。