任何使HTML禁用複選框變暗的方法？

  $('#test').attr("disabled", "true");

，但我想提出的禁用複選框較暗的背景，因爲這是它很難說，這是禁用的。有沒有辦法使用HTML/CSS/JS來做到這一點>

在Firefox中，禁用的複選框的背景顏色比啓用的複選框的bg顏色亮。所以，通過使它變暗，你會讓它更難以判斷它是否被禁用。 –

不容易。複選框的呈現方式由瀏覽器決定。您必須將其替換爲基於自定義JavaScritpt的解決方案，才能爲其提供自定義渲染，但這會帶來其他問題。

你可以做，雖然是做什麼禁用複選框有點更加透明：

select[disabled] { opacity: .5 }

這部作品在IE> = 9，所有其他的主流瀏覽器。

2012-06-27 22:08:58 sandradev

不是一個解決方案，只是一個補充 - http://jsfiddle.net/sbsCp/，因爲在Webkit瀏覽器中的作品只:) –

@Zoltan是聰明的！ – sandradev

您可以指定禁用輸入表單元素的CSS樣式像這樣：

input[disabled]{ 
color:#666 !important; // Whatever styling here... 
opacity: .3; 
}

2012-06-27 22:09:22 JROB

你可以嘗試在容器包裝div的複選框，並使用input:disabled CSS規則是這樣的：jsFiddle example。

我已經在Internet Explorer，Firefox，Chrome，Opera和Safari的最新Windows版本中對此進行了測試。

2012-06-27 23:02:15

爲了向後兼容，您也可以使用'input [disabled]'而不是'input：disabled'。 http://jsfiddle.net/BTaZ8/2/ –

回答