Overwriting"

From Documentation
m (Created page with '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. [[Image:Concepts…')
 
m
Line 1: Line 1:
 +
{{ZKStyleGuidePageHeader}}
 +
 
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.
 
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.
  
Line 18: Line 20:
 
</source>
 
</source>
 
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.
 
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.
[[Category:Style Guide]]
+
 
 +
 
 +
{{ZKStyleGuidePageFooter}}

Revision as of 01:39, 8 September 2010


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.



Last Update : 2010/09/08

Copyright © Potix Corporation. This article is licensed under GNU Free Documentation License.