禁用按钮 - 如何改变外观

Question

如何在禁用html按钮时更改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，IE8及更早版本不支持:disabled伪类。

Answer 2

CSS提供：禁用选择器。

More information on CSS3 selectors

---

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

但之后你必须添加标志“禁用”并使用return false;如果设置了标志。