當文本框被禁用時，css樣式不適用

當我設置我的textbox.Enabled = false時，它會丟失所有CSS樣式。我可以將它設置爲readonly，並且所有的CSS樣式都能正常工作。但我怎樣才能保持disabled文本框的CSS樣式？當文本框被禁用時，css樣式不適用

來源

2012-09-28 user1705172

請提供你的代碼。 – j08691

（和一個測試用例，最好在jsfiddle或類似的地方） – 2012-09-28 03:54:13

非常感謝，

我找到了解決辦法做到這一點。當我設置Enabled=false時，沒有CSS樣式適用。但是當我設置disabled=true時，它運行良好。

例子：

[TextBox txtTest class="test" disabled="true"]

來源

2012-09-28 22:53:17 user1705172

您可以使用此上disabled投入應用的CSS樣式：

input[disabled] 
{ 
    /* Your CSS Styles */ 
    background-color:#F0F0F0 !important; 
    color:#303030 !important; 
}

或

/* To make this work add class="disabled" in your HTML input tag (for IE6)*/ 
input[disabled='disabled'] 
{ 
    /* Your CSS Styles */ 
    background-color:#F0F0F0 !important; 
    color:#303030 !important; 
}

，你也可以用這個上read-only投入應用的CSS樣式：（可選）

input[readonly] 
{ 
    /* Your CSS Styles */ 
    background-color:#F0F0F0 !important; 
    color:#303030 !important; 
}

或者，如果您將任何Id或class聲明爲該輸入，則在上面的代碼中將input替換爲Id或class。

我不知道給!important，一旦嘗試不給。如果它可以工作，那麼Ok，否則在你的CSS中考慮!important。

來源：link

來源

2012-09-28 04:09:50

非常感謝，它適用於輸入[只讀]，但不適用於inpt [禁用] – user1705172

您應該給'input [disabled]'不' inpt [禁用]'如果你已經給它正確的然後通過這個[鏈接]（https://developer.mozilla.org/en-US/docs/CSS/:disabled） –

[檢查我更新的答案]（http： //www.stackoverflow.com/a/12633447/1577396）:) –

有隻讀和啓用略有區別。只讀只能用於控件，這將使獲得用戶輸入。但是已啓用可用到所有控件通常會限制其使用。

- Enabled will affect the CSS not much But the Font Style(Color,Style), Control will not be available. 
- Read Only Does the Same Work Without Affecting Anything,Control Will be Available**

來源

2012-09-28 04:17:21

當文本框被禁用時，css樣式不適用

回答

相關問題