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

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 :disabledSelector 简单地完成它

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