就像所展示的那样，通过使用XML属性为组件指定一个属性是很容易的事情。

<button label="OK" style="border:1px solid blue"/>

ZK提供了一种强大但很简单的方式来让开发人员为某一页面定义新的组件，如果同一类型的大多数组件共享一套属性，这就非常有用。

首先使用组件指令来定义一个新的组件。

<?component name="bluebutton" extends="button" style="border:1px solid blue" label="OK"?>

<bluebutton/>
<bluebutton label="Cancel"/>

等价于：

<bluebutton style="border:1px solid blue" label="OK"/>
<bluebutton style="border:1px solid blue" label="Cancel"/>

此外，你可以用下面的方式来覆盖button组件的定义，当然，这不会影响到其他的页面：

<?component name="button" extends="button" style="border:1px solid blue" label="OK"?>

<button/>
<button label="Cancel"/>

如需要更多的信息，请参考ZK用户界面标记语言一章中component指令一节。