javascript - 如何在禁用时更改按钮的颜色然后在启用时返回

Question

我有一个预先设置样式的按钮，因此当按钮被禁用时，禁用的颜色看起来不会被禁用。我无法取消预造型，所以我想说的是:

如果按钮被禁用，显示这个颜色，否则返回这个颜色。

下面的代码显示了一个在页面加载时禁用 30 秒的按钮。

<script type="text/javascript" >
  window.onload = function()
      {
         var btn = document.getElementsByName('submit')[0];
         btn.disabled  = true;

         setTimeout(function(){btn.disabled  = false;}, 30000);

      };

Answer 1

您可以使用 CSS3 轻松做到这一点 :disabled选择器

input[type="submit"]:disabled
{
    background:#CCC;
}