ZK Style Guide/ZK Class Concept/Overwriting

The last part, it is called overwriting, replacing the original CSS rules of the component is that we want to customize all the components with a special style.

Overwriting Demo

For example Textbox.

<zk>
<style dynamic="true">
.z-textbox {
    background: black;    
    color: white;    
    border: 3px outset blue;    
}
</style>
<textbox value="Default"/>
</zk>

As you can see, we merely replace the default CSS with black background, white color, and three pixel borders, we can use the component replacement instead.