<style dynamic="true">
.mydb-disd {
    color: blue !important; cursor: default !important; opacity: .6; -moz-opacity: .6; filter: alpha(opacity=60);    
    font-weight: bold;    
}
.mydb-disd * {
    color: blue !important; cursor: default !important;    
    font-weight: bold;    
}
.mydb {
    background: white;    
    border: 1px solid #7F9DB9;    
}
.mydb-focus, .mydb-focus input {
    border: 1px solid red;    
}
.mydb-text-invalid {
    background: yellow;    
    border: 1px solid red;    
}
.mydb-readonly, .mydb-text-disd {
    background: green;    
}
</style>
<grid width="450px">
    <columns>    
        <column label="Having Zclass"/>        
        <column label="Without Zclass"/>        
    </columns>    
    <rows>    
        <row><textbox zclass="mydb" value="Default"/><textbox value="Default"/></row>        
        <row><textbox zclass="mydb" readonly="true" value="Readonly"/><textbox readonly="true" value="Readonly"/></row>        
        <row><textbox zclass="mydb" disabled="true" value="Disabled"/><textbox disabled="true" value="Disabled"/></row>        
        <row><textbox zclass="mydb" focus="true" value="Focus"/><textbox value="Focus"/></row>        
    </rows>    
</grid>

------解决方案--------------------
完全不懂zk，
不过猜测一下

zclass = zk's class

sclass = standard class

good luck

------解决方案--------------------
Sclass
The purpose of the Sclass is to lightly change the CSS of the component.  

sclass就是普通的class属性，和普通的没区别,覆盖componet自带的css样式

Zclass
The purpose of the Zclass is to change the full CSS of the specific component. It usually uses to change the mold of the component, which supports more than one theme.  

Zclass可以根据  后面的属性 匹配找到对应的css，在使用sclass的地方可以使用zclass代替，但是zclass不能用sclass代替。。。。。

------解决方案--------------------

sclass是輕量級的css修改，譬如修改一個組件的border，而zclass是一個重量級的css修改，譬如它可以修改一個組件被disable時應顯示的樣式，也就是所他可以修改一個組件所有的規則和動作。修改zclass是比較麻煩的，所有如果沒必要我們只需要修改sclass就可以了。

------解决方案--------------------

探讨

zclass 会根据元素属性的不同，动态加载css
比如:
HTML code<styledynamic="true">
.mydb-disd{
    color: blue !important; cursor: default !important; opacity: .6; -moz-opacity: .6; filter: alpha(opacity=60);    
    font-weight: bold;}
.mydb-disd *{
    color: blue !important; cursor: default !important;    
    font-weight: bold;}
.mydb{
    background: white;    
    border: 1px solid #7F9DB9;}
.mydb-focus, .mydb-focus input{
    border: 1px solid red;}
.mydb-text-invalid{
    background: yellow;    
    border: 1px solid red;}
.mydb-readonly, .mydb-text-disd{
    background: green;}</style><gridwidth="450px"><columns><columnlabel="Having Zclass"/><columnlabel="Without Zclass"/></columns><rows><row><textboxzclass="mydb" value="Default"/><textboxvalue="Default"/></row><row><textboxzclass="mydb" readonly="true" value="Readonly"/><textboxreadonly="true" value="Readonly"/></row><row&