asp:TextBox已禁用的样式在不同的浏览器中不一致

时间:2011-02-17 03:03:17

标签: asp.net

ASP.NET

TextBox1.Enabled = false;在FF3中有灰色背景但在IE8或Chrome中没有变化时。所以很难判断它是否被禁用。是否有更一般的方法可以使禁用文本框在顶层呈现更加一致?所以我不需要为每个页面或每个网站更改此内容?请指教,谢谢。

2 个答案:

答案 0 :(得分:5)

您可以设置CSS样式来处理禁用的文本控件以一致地呈现它们。例如,类似以下内容:

input[type="text"][disabled] {
    background-color: #ECECEC;
    border: solid 1px #7F9DB9; 
    color: #CCCCCC;
}

对于IE7支持(甚至可能是IE8),必须指定!DOCTYPE或CSS属性选择器不起作用。不幸的是,如果你需要支持IE6,这将无法工作,你必须在任何文本输入上使用CSS类。

答案 1 :(得分:2)

您可以使用CssClass属性为其分配CSS类,并根据需要对其进行控制。

有关CssClass属性here的更多信息。

示例CSS:

.DisabledTextBox {
  background-color: #C0C0C0;
  border: solid 1px #A0A0A0;
  color: #A0A0A0;
}

然后像这样使用CssClass:

<asp:TexbBox id="DisabledTextBox" CssClass="DisabledTextBox" value="Some Value" />