jQuery UI按鈕 - 自定義圖標下的文本

Question

我想創建一個帶有文本頂部自定義圖標的jQuery UI按鈕。默認行爲會在文本的左側/右側創建圖標，但我希望圖標位於頂部！這可以做到嗎？如果是這樣，你的幫助/指導非常感謝。

另外，如何能有一個32x32大小的自定義圖標（甚至增加按鈕的高度沒有幫助，並剝奪了圖標）。提前致謝。

HTML：

<button id="btnSave">Save</button> 

JS：

$('#btnSave').button({ 
    icons: {primary: "saveIcon"} 
}); 

CSS：

.saveIcon { 
    background-image: url(../images/Save.png) !important; 
} 

Answer 1

嘗試CSS的此位（demo）：

.ui-button-icon-primary.ui-icon.saveIcon { 
    height: 32px; 
    width: 32px; 
    margin: 10px 0 2em -16px; 
    text-align: center; 
    left: 50%; 
    top: 5px; 
    background-image: url(../images/Save.png) !important; 
} 
.ui-button-text-icon-primary .ui-button-text { 
    display: block; 
    position: static; 
    padding: 50px 10px 5px 10px; 
}