图标按钮
Button提供了一些选项,通过向其添加图标来增强其文本内容的视觉效果。
控件可以添加图标img
元素或带有背景图像(通常是精灵)。就网页标准而言,使用背景图像更好,因为图标代表装饰,而不是结构内容。
按钮提供图标
,spriteCssClass
,imageUrl
属性用于配置图标。对于一个特定的Button实例,您只能使用其中的一个—如果您定义了多个属性,则Button将按照前面所述的顺序只使用其中一个属性。
有关呈现图标按钮的完整示例,请参阅演示如何向按钮添加图像.
增强按钮的视觉效果:
背景图标
背景图标应用于图标
或spriteCssClass
属性的背景显示跨度
元素。按钮可以自动渲染跨度
元素,或使用现有的跨度
元素,如果它有k-sprite
CSS类或k-icon
类,如果图标
属性被使用。两者之间的区别图标
或spriteCssClass
属性是图标
是用于内置的剑道UI图标,这是主题精灵的一部分。有关可用图标名称的列表,请参阅使用图标的演示.
下面的示例演示如何在Button小部件中使用图标。