禁用文本框时，CSS 样式不适用

Question

当我设置 textbox.Enabled = false 时，它会丢失所有 CSS 样式。我可以将它设置为 readonly，所有 CSS 样式都可以正常工作。但是我怎样才能为 disabled 文本框保留 css 样式呢？

Answer 1

您可以使用以下方法在禁用 输入上应用 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;
}

您还可以通过以下方式对只读 输入应用 CSS 样式:(可选)

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

否则，如果您为该输入声明了任何 Id 或 class，则将 input 替换为该 Id 或上面代码中的class

我不确定要不要给 !important，一旦尝试不给。如果有效，则确定，否则请考虑在您的 CSS 中使用 !important。

来源:link