如何制作只有自定义图标的jQuery UI按钮小部件？

我试图用我的手在jQuery UI作为其他RIA技术的替代品，但我想制作一个仅图标按钮。我知道我们可以使用默认的主题滚轮图标来完成它，但我想使用我自己的图标。如何制作只有自定义图标的jQuery UI按钮小部件？

我已经成功地创建（见here）使用自定义图标和文本自定义按钮，但如果我删除文本则变得不相称的，丑陋的。

我试过只是在<div>中包装一个<img>，然后打电话给.button()，但它太大了;我真正想要的是拥有像主题一样的图标按钮，但是使用我自己的图标。

希望我已经把自己清晰易懂，

FA

（认为ExtJS的图标，只是按钮或Adobe Flex的（为什么离弃我）图标，仅按钮）

来源

2011-12-18 Felipe Almeida

这似乎适用于我（改编自演示here和您提到的答案）。它看起来像键设置text选项false：

的JavaScript：

$('#button').button({ 
    text: false, /* Don't include text on the button */ 
    icons: { 
     primary: 'ui-icon-custom' 
    } 
});

CSS：

#button > span.ui-icon-custom { 
    background-image: url(http://placekitten.com/25/25) 
}

例子：http://jsfiddle.net/ReKbf/

（道歉为可怕的占位符图片）

来源

2011-12-18 23:20:49

如何制作只有自定义图标的jQuery UI按钮小部件？

回答

相关问题