Oh, I've just realized that it won't work in IE (at least), because it manages disabled fields itself - it makes disabled fields gray and I don't no any way to override it.
So, the following page looks different under IE and, for example, FF.
Example
<%@ Page Language="C#" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Ext.Net Example</title>
<style type="text/css">
.my-class input {
color: Red;
}
</style>
</head>
<body>
<form runat="server">
<ext:ResourceManager runat="server" />
<span class="my-class">
<ext:TextField runat="server" Disabled="true" Text="Hello!" DisabledClass=" " />
</span>
</form>
</body>
</html>
If you will know how to override it in IE, please feel free to post a solution:)
And I should ask - what are you trying to achieve using <span>? I guess - your custom view, but I believe (not sure) you can avoid using additional <span> elements. Try to use .Cls property.
Example
<%@ Page Language="C#" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Ext.Net Example</title>
<style type="text/css">
.my-class input {
color: Red;
}
</style>
</head>
<body>
<form runat="server">
<ext:ResourceManager runat="server" />
<ext:TextField runat="server" Disabled="true" Text="Hello!" Cls="my-class" />
</form>
</body>
</html>
See also
http://dev.sencha.com/deploy/ext-3.3...eld&member=cls
http://dev.sencha.com/deploy/ext-3.3...er=disabledCls
http://dev.sencha.com/deploy/ext-3.3...member=overCls
