如何製作只有自定義圖標的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按鈕小部件？

回答

相關問題