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

Question

我有一个预先设置样式的按钮，因此禁用该按钮时禁用的颜色不会被禁用。我不能脱掉prestyling所以我想做的就是说：

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

下面的代码显示了一个在页面加载时被禁用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;
}

Answer 2

您可以使用addClass：

<script type="text/javascript" >
  window.onload = function()
      {
         var btn = document.getElementsByName('submit')[0];
         btn.disabled  = true;
         btn.setAttribute("class", "your_class");
         setTimeout(function(){btn.disabled  = false;}, 30000);

      };

Answer 3

你试过这个吗？

input[disabled='disabled']{
    //different style
}