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 |
||
| (2 intermediate revisions by the same user not shown) | |||
| 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. | ||
| − | [[Image:Concepts3. | + | [[Image:Concepts3.png|250px|thumb|Overwriting Demo]] |
For example Textbox. | For example Textbox. | ||
| 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. | ||
| − | + | ||
| + | |||
| + | {{ZKStyleGuidePageFooter}} | ||
Latest revision as of 06:31, 20 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.
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.