Question

我有一个按钮，它有一个始终禁用的文本字段。我希望该文本字段显示为启用按钮时显示的亮度。

禁用按钮后，它们看起来比其他按钮更暗，文本字段的格式与其中的一部分相同。

Answer 1

您可以使用input[type="button"]:disabled

执行此操作

或者另一个想法是根本不给按钮属性。在javascript中，您可以在点击该按钮时返回false。

Answer 2

在jQuery中：

$('input:disabled').css({
    'border-color' : '#990000',
    'color': '#990000'
    //etc
});

在CSS中，您可以使用:disabled pseudo-class（当然不要低于IE9）：

input:disabled {
    border-color: #990000;
    color: #990000;
}

Answer 3

为什么不反过来呢？有一种方法可以通过使用像这样的小javascript代码来省略disabled属性：

$('button:first').click(function(e){

   if(e.preventDefault){
      e.preventDefault();
   }
   else{
      e.returnValue = false; // IE
   }

});

or

document.querySelectorAll('button')[0].onclick = function(e){

   if(e.preventDefault){
      e.preventDefault();
   }
   else{
      e.returnValue = false; // IE
   }

};

上面的代码可以防止按钮执行默认浏览器行为，例如将表单成分提交到服务器。希望这有点帮助。

Answer 4

这是你要找的东西（用css）

<style>
    #btn_disabled 
    {
        color: buttontext;
    }
</style>

<button disabled id='btn_disabled'>Button Disabled</button>

Answer 5

// Disable #x
$( "#x" ).prop( "disabled", true );

// Enable #x
$( "#x" ).prop( "disabled", false );

如何使用javascript使禁用按钮与启用按钮相同？

5 个答案: